/* CSS Document */
body{ 
	font-family:Tahoma, Arial, Helvetica, sans-serif; 
	font-size:12px;
	line-height:1.5em;
	background-image:url(../img/bg2.gif);
	background-repeat:repeat-x;
	background-color:#767676;
	margin-top:0px;
	color:#444444;
}

td{ 
	font-family:Tahoma, Arial, Helvetica, sans-serif; 
	font-size:12px;
	line-height:1.6em;
	color:#444444;
}

a:link{
	color:#b58b4b;
}
a:visited, a:active{
	color:#87660e;
}
a:hover{
	color:#aaa;
}
	
img{
	border:none;
}

hr {color: #fff; background-color: #fff; border: 1px solid #dadada; border-style: none none solid; margin:1em 0; }
hr.resultHR {  padding-top:30px; }

h1{
	font-family:Georgia, "Times New Roman", serif; 
	font-size:24px;
	color:#3e3420;
	padding:0 0 0em 0;
	margin:0px;
	line-height:0.8em;
}


h2{
	font-size:16px;
	color:#999999;
	padding:0 0 0.5em 0;
	margin:0px;
	text-decoration:none;
}

h2.black
{
    color:#333333;
}

h2.main{
	font-size:18px;
	color:#666666;
	padding:0 0 0.5em 0;
	margin:0px;
	text-decoration:none;
}

h3{
	font-size:14px;
	line-height:1.6em;
	padding:0 0 0.25em 0;
	margin:0px;
}

input, textarea, select
{
	font-family:Tahoma, Arial, Helvetica, sans-serif; 
	font-size:12px;
	line-height:1.6em;
	color:#444444;
}    


/*--- MAIN CONTAINERS AND GENERAL CLASSES ---*/

#divMain{
	width:932px;
	margin:0 auto;
	position:relative;
	background-color:#ededed;
	padding:15px;
}

#divHeader{
}

#divMenu{
	/*background-color:#5b4e36;*/
	background-color:#0071ae;
	border:solid 2px #ffffff;
	color:#ffffff;
}

#divContent{
	background-color:#ffffff;
	padding:30px;
	overflow:hidden;
	position:relative;
}

#divFooter{
	text-align:center;
	margin-top:15px;
}

.clearer { clear:both; }

.infoBox-frame
{
    background-color:#dddddd;
    padding:2px;
}

.infoBox
{
    padding:20px;
    border:solid 2px #ffffff;
    background-color:#f5f5f5;
    text-align:left;
}

.errorMess
{
    color:#990000;
    font-weight:bold;
}

.infoMess
{
    color:#009900;
    font-weight:bold;
}

.errorBox
{
    border:solid 1px #990000;
    padding:10px 20px;
    background-color:#ffbbbb;
    color:#990000;
    font-weight:bold;
    margin:10px 0;
}



/*--- FANCY FORM ---*/

.selected, .unselected
{
    padding:0 20px;
    background-repeat:no-repeat;
    background-position:left center;
    cursor:pointer;
  	color:#b58b4b;
}

.unselected
{
    background-image:url(../img/unchecked.gif);
}

.selected
{
    background-image:url(../img/checked.gif);
}

.rbl label
{
    cursor:pointer;
}
  


/*--- HEADER CLASSES ---*/

#divLogo{
	float:left;
	width:400px;
	padding:5px 10px 15px 10px;
}

#divHeaderRight{
	float:right;
	width:320px;
	padding:10px;
	text-align:right;
	font-size:14px;
	color:#999999;
}

.tipPopup
{
    position:absolute;
    top:122px;
    left:255px;
    width:500px;
    display:none;
    z-index:10;
}

.loginPopup
{
    position:absolute;
    top:122px;
    left:255px;
    width:500px;
    display:none;
    z-index:10;
}


/*--- MENU CLASSES ---*/

#divMenu { position:relative; }

#mainMenu
{
	margin:0px;
	padding:10px 5px;
}
#mainMenu li
{
	display: inline;
	list-style-type: none;
	padding-right: 0px;
}

#mainMenu li a {
	color:#eeeeee;
	text-decoration:none;
	font-family:Georgia, "Times New Roman", serif; 
	font-size:15px;
	padding:8px 15px 20px 15px;
}

#mainMenu li a:hover
{
    /*background-color:#3E3420;*/
    background-color:#005e92;
	padding:8px 15px 10px 15px;
}

#mainMenu li a.selected1:hover, #mainMenu li a.selected2:hover, #mainMenu li a.selected3:hover
{
    background-color:Transparent;
	padding:8px 15px 20px 15px;
}

#mainMenu li a.selected1, #mainMenu li a.selected2, #mainMenu li a.selected3 {
	color:#333333;
	background-image:url(../img/menu-chosen.gif);
	background-position:top center;
	background-repeat:no-repeat;
}
#mainMenu li a.selected2 { background-image:url(../img/menu-chosen2.gif); }
#mainMenu li a.selected3 { background-image:url(../img/menu-chosen3.gif); }

.menuItem
{
    position:absolute;
    right:0px;
    top:0px;
    border-left:solid 2px #ffffff;
	padding:10px 0px 10px 0px;
	margin-right:30px;
	width:245px;
	text-align:right;
}

.menuItem span
{
    padding-left:5px;
}

.menuItem a:link, .menuItem a:visited
{
    color:#ffffff;
    text-decoration:none;
    padding-left:10px;
}

.shadow {
	height:3px;
	background-image:url(../img/menu-shadow.gif);
}



/*--- CONTENT AREA CLASSES ---*/

.introBox
{
    width:863px;
    height:264px;
}

.introBox2
{
    width:863px;
    height:320px;
}


.introText
{
    width:470px;
    padding:30px;
}

#boxHome { background-image:url(../img/imgbox-1.jpg) }
#boxAbout { background-image:url(../img/imgbox-2.jpg) }
#boxResult { background-image:url(../img/imgbox-3-2.jpg) }
#boxAnalyzes { background-image:url(../img/imgbox-6.jpg) }
#boxContact { background-image:url(../img/imgbox-4.jpg) }

.mainContent
{
    padding:30px 30px;
    width:470px;
    float:left;
}

.rightContent
{
    padding:30px 15px;
    width:280px;
    float:right;
    text-align:right;
}

.tableList
{
    border-collapse:collapse;
}

.tableList td
{
    padding:0 20px 20px 0;
    vertical-align:top;
}

.gardarContainer
{
    position:relative;
    margin-top:30px;
}

.gardarTable
{
}

.gardarTable2
{
    background-color:#ffffff;
    position:absolute;
    top:0px;
}

#gardarMore
{
    position:absolute;
    right:-30px;
    top:0px;
    width:30px;
    height:100%;
    z-index:10;
    background-color:#ffffff;
    border-left:dotted 1px #bbbbbb;
    cursor:pointer;
}


/*--- INTERNATIONAL RESULT ---*/

#intLogo
{
    position:absolute;
    top:15px;
    right:30px;
}

.intImage
{
    margin-left:30px;
    border:4px solid #ffffff;
}

#intTopMenu
{
	background-color:#624232;
}
    
#intTopMenu ul
{
	margin:0px;
	padding:10px 10px;
}
#intTopMenu li
{
	display: inline;
	list-style-type: none;
	padding-right: 0px;
	color:#eeeeee;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	padding:6px 18px 11px 28px;
	cursor:pointer;
    background:url('../img/int-arrow.png') no-repeat center left;
}
#intTopMenu li.sel
{
    background:#ded6c3 url('../img/int-arrow-down.png') no-repeat center left;
    color:#333333;
}
#intTopMenu li.hover
{
    background-color:#785d4c;
}


.intSubMenu
{
	background-color:#ded6c3;
	display:none;
	position:relative;
}
    
.intSubMenu ul
{
	margin:0px;
	padding:5px 10px;
}
.intSubMenu li
{
	display: inline;
	list-style-type: none;
	padding-right: 0px;
	color:#333333;
	text-decoration:none;
	font-size:12px;
	padding:3px 18px 7px 18px;
	cursor:pointer;
}
.intSubMenu li.sel
{
    background-color:#ffffff;
    font-weight:bold;
}
.intSubMenu li.hover
{
    background-color:#eeeeee;
}

.intGardLink
{
    position:absolute;
    right:10px;
    top:5px;
}

#pnIntContent
{
}

.intRapport
{
    display:none;
    border:1px solid #ded6c3;
    border-top:none;
    padding:20px;
}

.intRapport h2
{
    color:#333333;
}

.intRapport table td
{
    padding:0px 6px;
}

.intRapport p
{
    margin:0 0 1em 0;
}

.intCaption
{
    position:absolute;
    top:385px;
    right:60px;
    font-size:10px;
}


/*--- COMPARE GUIDE CLASSES ---*/

.ulGuide
{
	margin:0px;
	padding:3px 20px;
	border-bottom:solid 2px #cccccc;
}
.ulGuide li
{
	display: inline;
	list-style-type: none;
	padding:5px 0px;
	margin:0 2px;
	border:solid 2px #cccccc;
	background-color:#F4EDDD;
	font-weight:bold;
}
.ulGuide li.guideSelected
{
    border-bottom:solid 2px #ffffff;
    background-color:#ffffff;
}
.ulGuide li a:link, .ulGuide li a:visited
{
    color:#333333;
    text-decoration:none;
    padding:5px 20px;
}

.divGuide
{
	border:solid 2px #cccccc;
    border-top:none;
    padding:20px;
    position:relative;
}

.guideType
{
	font-family:Georgia, "Times New Roman", serif; 
	font-size:14px;
    position:absolute;
    top:0px;
    right:0px;
    padding:15px 20px;
    z-index:5;
    border-bottom:solid 1px #dddddd;
    border-left:solid 1px #dddddd;
    background-color:#f4f4f4;
}

#guideSubcategory
{
    padding-left:20px;
    display:block;
}

.guideLeft
{
    width:350px;
    margin-right:40px;
    float:left;
    position:relative;
}

.guideInputs
{
    width:350px;
    position:relative;
    padding-bottom:1em;
}

.guideInputDiv
{
    position:relative;
}

.guideMyValue
{
    position:relative;
}

.guideRight
{
    width:350px;
    float:right;
}

.guideIntroLeft
{
    width:350px;
    float:left;
    position:relative;
}

.guideIntroRight
{
    width:400px;
    float:right;
    border:solid 1px #dddddd;
    padding:20px;
    position:relative;
}

.guideIntroRight2
{
    width:180px;
    float:left;
}

.guideIntroRight3
{
    width:170px;
    float:right;
    position:relative;
}

.guideRegion
{
    position:absolute;
    left:98px;
    top:39px;
}

.guideHeader{
	font-family:Georgia, "Times New Roman", serif; 
	font-size:20px;
	color:#3e3420;
	padding:0 0 0.5em 0;
	margin:0px;
	line-height:1.3em;
}

.guideSubhead
{
    margin-top:1em;
}

.bottomLeft
{
    padding-top:15px;
    text-align:left;
    float:left;
}

.bottomMiddle
{
    padding-top:15px;
    text-align:center;
    float:left;
    width:420px;
}

.bottomRight
{
    padding-top:15px;
    text-align:right;
    float:right;
}

.divResultGauge
{
    width:200px;
    float:left;
    padding-right:30px;
    position:relative;
}

.referenceImg
{
    position:absolute;
    top:0px;
    left:0px;
    z-index:3;
}

.gaugeImg
{
    padding-top:15px;
}

.divResultDesc
{
    width:280px;
    float:left;
    padding-right:30px;
}

.divResultAnalyze
{
    width:280px;
    float:left;
}

.divResultBlock
{
    clear:both;
    display:block;
    padding:30px 0;
}

.divResultGauge img
{
    padding-bottom:20px;
}

.divResult 
{
    position:relative;
}

.infoPopup
{
    position:absolute;
    top:122px;
    left:455px;
    width:400px;
    z-index:10;
}

.infoPopup-frame
{
    background-color:#999999;
    padding:4px;
}

.infoPopupContent
{
    padding:20px;
    border:solid 2px #ffffff;
    background-color:#F4EDDD;
    text-align:left;
    position:relative;
}

.closeButtonDiv
{
    position:absolute;
    right:10px;
    top:10px;
    width:24px;
    cursor:pointer;
}

.helpPopup
{
    position:absolute;
    bottom:20px;
    left:110px;
    width:350px;
    display:none;
    z-index:10;
}

.helpBoxBottom
{
    padding-left:10px;
}

.divResultLeft
{
    float:left;
    width:650px;
}

.divResultRight
{
    float:right;
    margin-left:40px;
}

.divResultTime
{
}

a.analysisLink:link, a.analysisLink:visited
{
    font-size:10px;
    font-weight:bold;
    color:#777777;
}

.ddlRefFarm, ddlRefFarm *
{
    font-family:"Courier New";
    font-size:11px;
}


/*--- SAVE POPUP ---*/

.savePopup
{
    position:absolute;
    top:122px;
    left:280px;
    width:450px;
    display:none;
    z-index:8;
}

.divSaveValues
{
    margin-left:15px;
    padding:1px 20px;
    background-color:#FDFBED;
}    

.saveArrow
{
    vertical-align:middle;
    margin-right:5px;
}

.saveHeader
{
    cursor:pointer;
}
.saveHeaderPos
{
    margin-top:15px;
}



/*--- MY PAGE CLASSES ---*/

.myPageContainer
{
    position:relative;
}

.myPageLogout
{
    position:absolute;
    right:0px;
    top:0px;
}

.myPageLeft
{
    float:left;
}

.myPageRight
{
    float:right;
}



/*--- FOOTER CLASSES ---*/

.footerLeft
{
    float:left;
    width:290px;
}

.footerCenter
{
    float:left;
    width:348px;
    vertical-align:middle;
}

.footerRight
{
    float:right;
    width:290px;
    text-align:right;
}

.footerRight img
{
    vertical-align:top;
}

.footerImgRight
{
    margin-left:80px;
}






/*--- ADMIN ---*/

#adminMenu
{
    background-color:#0071AE;
}

.adminMenu
{
	margin:0px;
	padding:10px 20px;
}
.adminMenu li
{
	display: inline;
	list-style-type: none;
	padding:10px 20px;
	margin:0 2px;
	font-weight:bold;
}
.adminMenu li a:link, .adminMenu li a:visited
{
    color:#ffffff;
    text-decoration:none;
}

.adminLeft
{
    float:left;
}
.adminRight
{
    float:right;
}

.adminTxt
{
    width:470px;
}

.adminHidden
{
    display:none;
}


.adminGuideBox
{
    padding-left:20px;
}

.adminTxtSub
{
    width:450px;
}