html, body
{
    background-image: url('../../images/master/bg_diagonal.jpg');
    font-family: trebuchet ms;
    font-size: 9pt;
    color: white;
    margin: 0 auto;
    text-align: center;
}


.divMsgPlaceholder
{
    float:left;
    width:100%;
    padding: 20px;
}

.smallText
{
    font-family: Arial;
    font-size: xx-small;
}

.borderBottomGray
{
    border-bottom: solid 1px #ccc;
}

.mediumText
{
    font-size: small;
}


legend
{
    color: #ff9900;
}

/* Headings */
h1
{
    margin: 0px 3px 5px 0px;
    color: #f90;
    
}

h2
{    
    margin: 0px 3px 5px 0px;
    color: #f90;
}

h3
{
    font-size: small;
    margin: 10px 3px 5px 0px;
}

h4
{
    font-size: small;
    margin: 0px;
    padding: 0px;
}


p
{
}
/* Lists */

/*ul
{
     list-style: none; 
    margin: 5px 10px 10px 5px;
}
*/


/*
li
{
    line-height: 25px;
    background: url( '../../images/icon_list_item_arrow_small.gif' ) no-repeat 0 50%;
    
    padding-left: 20px;
}
*/

/* Validation */
/*------------------*/

.validationMes
{
    color: #ffffff;
    font-size: 9px;
}

/*------------------*/

.smallTitle
{
    font-family: Trebuchet MS;
    font-size: small;
}

.orangeErrorMessage
{
    font-family: Trebuchet MS;
    font-size: small;
    color: #ff6600;
}

.mediumTitle
{
    font-family: Trebuchet MS;
    font-size: medium;
    margin: 0px;
}

.largeTitle
{
    font-family: Trebuchet MS;
    font-size: large;
    margin: 0px;
    color: Orange;
}

.largeBoldTitle
{
    font-family: Trebuchet MS;
    font-size: large;
    margin: 0px;
    font-weight: bold;
}

.xLargeTitle
{
    font-family: Trebuchet MS;
    font-size: x-large;
    margin: 20px 0 20px 0;
}

.xxLargeTitle
{
    font-family: Trebuchet MS;
    font-size: xx-large;
    margin: 20px 0 20px 0;
}

.submitBtn
{
    font-family: Trebuchet MS;
    font-size: small;
}

.contentIndent
{
    margin: 20px;
}

/* body
{
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 9pt;
    background-image: url( '../../images/master/bg_diagonal.jpg' ); 
}*/

.pageTableLayout
{
    background-image: url('../../images/master/grey_bg_1000px.jpg');
    padding:0;
    margin:0 auto;
    width:1000px;
    
}

.topDiv
{
    margin: 0px;
}

.menuDiv
{
    height: 200px;
    width: 100%;
    margin: 0px;
}

.contentDiv
{
    width: 760px;
    float: left;
    height: 100%;
    text-align: left;
    margin: 10px 5px  20px 10px;

}

.forumContentDiv
{
    width: 980px;
    float: left;
    height: 100%;
    text-align: left;
    margin: 10px 5px 20px 10px;
   
    
}

.sideMenuDiv
{
    width: 200px;
    margin: 10px 5px 20px 5px;
    float: left;
}


.oneColContentDiv
{
    width: 935px;
    float: left;
    height: 100%;
    text-align: left;
    margin: 0 0 20px 15px;
}




.bottomDiv
{
    background-image: url( '../../images/master/grey_bottom_bg_1000px_rounded.jpg' );
    background-repeat: no-repeat;
    width: 1000px;
    height: 20px;
}

.menuBtnCollection
{

    float: right;
    margin-right: 10px;
}

.menuBtnFormatLine
{
    margin-top: 111px;
    margin-left: 3px;
}

/* Links */



.menuLinks, A.menuLinks, A.menuLinks:active, A.menuLinks:visited
{
    color: White;
    text-decoration: none;
}

A.menuLinks:hover
{
    text-decoration: underline;
}

A, A:visited, A.whiteLink, A:active, A.whitelink:active
{
    color: #ffffff;
    text-decoration: none;
}

A:hover, A.whitelink:hover
{
    text-decoration: underline;
}

A.whitelink:visited
{
    color: White;
}
.orangeLink
{
    color: #FF6600;
    padding-left: 5px;
    font-size: xx-small;
    text-decoration: none;
    font-family: arial;
}

.orangeLinkNormalFont
{
    color: #FF6600;
    padding-left: 5px;
    font-size: x-small;
    text-decoration: none;
    font-family: arial;
}

.topContent
{
    width: 1000px;
    height: 52px;
    margin: 0px;
}

.topContentLeft
{
    margin-left: 25px;
    margin-top: 35px;
    margin-bottom: 0px;
    float: left;
}

.topContentLeftLink, A.topContentLeftLink, A.topContentLeftLink:Active, A.topContentLeftLink:visited
{
    color: #FF6600;
    padding-left: 5px;
    font-size: 9px;
    text-decoration: none;
    font-family: arial;
}

A.topContentLeftLink:Hover
{
    text-decoration: underline;
}

A.subMenuLinks, A.subMenuLinks:Active, A.subMenuLinks:visited
{
    color: #FF6600;
    font-size: 9pt;
    text-decoration: none;
    font-family: inherit;
}

A.subMenuLinks:hover
{
    text-decoration: underline;
}

A.subMenuLinksActive
{
    color: #FF6600;
    font-size: 9pt;
    text-decoration: none;
    font-family: inherit;
    text-decoration: underline;
}

.loginIconPosition
{
    margin-top: 31px;
}

.topContentRight
{
    margin-right: 10px;
    margin-top: 32px;
    margin-bottom: 0px;
    float: right;
    padding-bottom: 3px;
}

.imageAlignMiddle
{
    vertical-align: middle;
}

.topContentRightText
{
    color: #ffffff;
    font-size: 9px;
    text-decoration: none;
    font-family: arial;
    vertical-align: middle;
}

A.topContentRightLink
{
    color: #FF6600;
    font-size: 9px;
    text-decoration: none;
    font-family: arial;
    padding-left: 3px;
}

.padLeft5px
{
    padding-left: 5px;
}

.padLeft40px
{
    padding-left: 40px;
}

.padLeft20px
{
    padding-left: 20px;
}

.padLeft10px
{
    padding-left: 10px;
}

.padRight40px
{
    padding-right: 40px;
}

.positionCenter
{
    position: relative;
    left: 120px;
}

.navSection
{
    width: 1000px;
    height: 195px;
    background-image: url( '../../images/master/nav_bg_1000px.jpg' );
    background-repeat: no-repeat;
}

.mainContent
{
    width: 100%;
    margin-left: 3px;
    
}

.sideMenuRow
{
    padding: 2px;
    border: dotted 1px #666666;
    margin-right: 1px;
    font-size: x-small;
    text-align: left;
}
.contentLeftCol
{
    float: left;
    overflow: auto;
    padding-right: 15px;
    width: 50%;
}

.contentRightCol
{
    float: left;
    overflow: auto;
    width: 50%;
}

.contentOneCol
{
    float: left;
    overflow: auto;
    width: 100%;
}

.frontpageLeftCol
{
    float: left;
    width: 380px;
    vertical-align: top;
    margin-right: 10px;
}

.frontpageRow
{
    float: left;
    width: 100%;
    vertical-align: top;
    margin-right: 5px;
    padding-bottom: 20px;
        
}



.frontpageRightCol
{
    float: left;
    width: 300px;
    vertical-align: top;
    text-align: center;
}

.videoPlayerDiv
{
    background: inherit;
    border: solid 1px #c0c0c0;
    width: auto;
    height: auto; /* visibility:hidden; */
}

.imgCaption
{
    font-size: xx-small;
    line-height: 13px;
}
.loginError
{
    font-size: small;
    color: #FF9900;
    font-weight: bold;
    text-align:center;
}

.frontpageNewsBox
{
    height: 150px;
    background-image: url( '../../images/pages/misc/frontpage_box_news.jpg' );
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 35px;
    padding-bottom: 20px;
    color: black;
    font-size: x-small;
    line-height: 20px;
    font-weight: bold;
    width: 300px;
}


/*
   =====================
   Page styles 
   ====================
*/


/* video map section */
#video_map_section
{
    float: left;
    overflow: auto;
    padding-right: 25px;
    width: 350px;
}

/* video locality section */
#video_locality_section
{
    width: 350px;
    background-image: url( '../../images/video_habitat_description_section.jpg' );
    background-repeat: no-repeat;
}

#video_locality_section p
{
    margin: 70px 10px 10px 10px;
}

/* video clip section */
#video_videoclip_section
{
    float: left;
    background-image: url( '../../images/video_videoclip_section_4.jpg' );
    background-repeat: no-repeat;
    width: 350px;
    padding-right: 25px;
}

#video_videoclip_section p
{
    margin: 70px 10px 10px 10px;
    font-size: small;
}

#video_videoclip_section a
{
    color: #f0f0f0;
    text-decoration: none;
    line-height: 25px;
}

/* video play section */
#video_videoplay_section
{
    background-image: url( '../../images/video_videoplay_section_4.jpg' );
    background-repeat: no-repeat;
    width: 350px;
    text-align: center;
}

#video_videoplay_section p
{
    margin: 90px 0 0 0;
}

#video_konings_section
{
    float: left;
    overflow: auto; /* padding-right: 25px; */
    width: 350px;
}

#video_species_section
{
    width: 350px;
}

.leftColDiv
{
    float: left;
    overflow: auto;
    width: 50%;
}

.rightColDiv
{
    float: right;
    overflow: auto;
    width: 46%;
}

.videoListDiv
{
    float: left;
    width: 325px;
    height: 210px;
    background-image: url('../../images/pages/video/selected_videos_div_background.gif');
    background-repeat: no-repeat;
    padding: 7px;
    line-height: 10px;
    margin: 5px;
}

.videoListDiv p
{
    line-height: 12px;
    font-size: 11px;
    padding: 0px 12px 4px 0px;
    margin: 7px 0 5px 0;
    overflow: hidden;
}

.videoListDiv a
{
    text-decoration: none;
}

.videoListDiv br
{
    line-height: 5px;
}

.videoListDiv a:hover
{
    text-decoration: none;
}

.leftDivSmallVideoPlayer
{
    float:left;
    background-color: Transparent;
    background-image: url('../../images/pages/video/divSmallVideoPlayerBackground_320x240.gif');
    background-repeat: no-repeat;
    width: 352px;
    height: 342px;
    padding-top: 15px;
    text-align:center;
    
}