/* the below is for arabic right to left text display
body {
	direction: rtl;
}
*/	

/*template styles*/
.Normal
{
    COLOR:  #000000;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
}
.NormalBold
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
}	

img { border:0px; }

p,td,th		{ font: normal 11px Verdana; color: #666666; }
body 		{ background-color: #003366; background-image:url(../Images/bg_main.jpg); background-repeat:repeat-y; margin: 0px; }
.main 		{ }
.border1 	{ border: 1px solid #DBDBDB; }
.border2 	{ border-top: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB;  background:url(../Images/border1.gif) no-repeat;}
.border2a 	{ border-top: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB;}
.border3 	{ background-image:url(../Images/bg_d3.gif); background-repeat:repeat-x; }
.border4 	{ border-right: 1px dotted #646464; }

.padding	{ padding:3px; }
.selected	{ font: bold 11px Verdana; color: #007BC8; }

a:link 		{ color: #6495EB; }
a:hover 	{ color: #ACB837; }

.left { font: bold 11px Verdana; color:#FFFFFF; text-align:center; vertical-align:middle; text-decoration:none; }
a.left:link 	{ color: #FFFFFF; text-decoration:none;  }
a.left:hover 	{ color: #ACB837; text-decoration:none; }

#search 	{ margin:2px; width:160px; font:normal 11px Verdana; color:#6C6C6C; }
#search2 	{ margin:2px; width:130px; font: normal 11px Verdana; color: #6C6C6C; }

.view 		{ padding-right:15px; }
.footer 	{ background:#6495EB; height:40px; }
.footer2 	{ font: normal 9px Arial; color: #FFFFFF; padding:2px 0px 2px 30px;}

.on { background: url(images/bg_navon.gif) no-repeat; height:46px; background-position: 20px; }
.on2 { background: url(images/bg_navon.gif) no-repeat; height:46px; background-position:center; }

.header 	{ background: #fff url(images/bg_header.gif) repeat-x; height:46px; }

.navtable 	{ margin-left:24px; }
a.nav:link 	{ font: bold 12px Arial; color: #FFFFFF; text-decoration:none; }
a.nav:hover { font: bold 12px Arial; color: #FFFFFF; text-decoration:underline; }

/*.topNav { background:url(../Images/bg_nav770.gif) no-repeat;}*/
/*.topNav { background:url(../Images/bg_nav850.gif) no-repeat;}*/
.topNav { background:url(../Images/bg_nav1000.gif) no-repeat;}
/*.nav1 {float:right; margin-right:20px;}*/
.nav1 {float:right; margin-right:20px; }

.top1 		{ padding-top:10px; padding-bottom:1px; }
.top1lft 	{ float:left; }
.top1rt 	{ float:right; font: normal 10px Verdana; color: #FFFFFF; margin-right:20px;}
a.toprt:link, a.toprt:visited	{ color: #FFFFFF; text-decoration:underline; }
a.toprt:hover 	{ color: #FFFFFF; text-decoration:underline; }
/*updated for admin tools ability to specify logo, this is background white tab only.  logo is specified in admin tools*/
/*below is blue shaded logo tab*/
.topleft 	{ height:90px; width: 208px; padding-top:10px; background: url(../Images/top_logo_blank_tall.jpg) no-repeat;} 

/*below is solid white logo tab*/
/*.topleft 	{ height:90px; width: 208px; padding-top:10px; background: url(../Images/top_logo_white_blank_tall.jpg) no-repeat absbottom;} */

/*.topleft 	{ height:90px; width: 208px; padding-top:10px;}*/
	
/*.box_left 		{ width:175px; padding:13px; }*/
/*.box_left 		{ width:202px; padding:13px; }*/
.box_left		{  min-width:175px;padding:13px; }
.box_left2 		{ padding:10px; margin-top:4px; border-top:2px solid #ACB837; border-left:1px solid #CFCFCF; border-right:1px solid #CFCFCF; border-bottom:1px solid #CFCFCF; }
.box_left3 		{ border-left:1px solid #CFCFCF; border-right:1px solid #CFCFCF; border-bottom:1px solid #CFCFCF; }
.box_left4 		{ width:174px;background:#104E8B url(../Images/left2-bg.gif) no-repeat; border-top:1px solid #FFFFFF; padding:10px 0px 8px 0px; }

.txt0	{ font: bold 18px Arial; color: #104E8B; vertical-align:middle; }
.txt1	{ font: bold 14px Arial; color: #104E8B; vertical-align:middle; }
.txt2	{ font: bold 14px Arial; color: #ACB938; vertical-align:middle; }
.absmiddle {vertical-align:middle;}

.h-icon { float:left; padding:0px 0px 0px 20px; font: bold 21px Arial; color: #104E8B; }

/*.h-navrt 	{ float:right; padding:11px 0px 0px 0px; }*/
.h-navrt 	{ float:left; padding:11px 0px 0px 0px; }
.navrt 	{ font: bold 11px Verdana; color: #6495EB; text-decoration:none; display: block; border-bottom: 2px solid #6495EB;}
a.navrt:link, a.hnavrt:visited { color: #6495EB; text-decoration:none;  border-bottom: 2px solid #6495EB; }
a.navrt:hover, a.hnavrt:active	{ color: #ACB837; text-decoration:none; border-bottom: 2px solid #ACB837; }

/*.colheader, .colheader1	{ font: normal 10px Verdana; color: #000000; text-decoration:none; padding: 6px 0px 3px 0px; margin:0px 0px 0px 5px; display: block;}*/
.colheader, .colheader1	{ font: normal 10px Verdana; color: #000000; text-decoration:none; padding: 6px 0px 3px 0px; margin:0px 0px 0px 5px; }
a.colheader:link { color: #000000; text-decoration:none; border-bottom: 2px solid #ACB837; }
a.colheader1:link { color: #000000; text-decoration:none; border-bottom: 2px solid #FFFFFF; }
a.colheader:hover, a.colheader:active, a.colheader1:hover, a.colheader1:active { color: #000000; text-decoration:none; border-bottom: 2px solid #6495EB; }

/*Sheryl Added*/
.TableRowDarkColor {background-color:#EAEBEA;}

.ValidationErrorStyle
{ 
    color: Red;
}
.RequiredValAsteriskStyle
{
    color: Red;
}
.Required
{
    color: Red;
}

.QuestionSectionHeadingSpanStyle
{
	font: bold 13px Verdana; color: #000000;
}
	
.H2HeadingStyle
{
	font: bold 13px Verdana; color: #000000;
}




table.ResultsOverviewGrid {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	border-collapse: collapse;
	background-color: white;
}
table.ResultsOverviewGrid th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	
}
table.ResultsOverviewGrid td 
{
	border-width: 0px 0px 1px 0px;
	padding: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
}

/*---------- bubble tooltip start-----------*/
a.tt{
    position:relative;
    z-index:24;
    /*color:#3CA3FF;*/
    color: #6495EB;
    font: bold 10px Verdana;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}

a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #666666;
	/*color: #F5F5F5;*/
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	font: normal 10px Verdana;
	
	
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../images/bubble.gif) no-repeat top;
    color: #F5F5F5;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../images/bubble_filler.gif) repeat bottom; 
	
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	/*color: #548912;*/
	color: #F5F5F5;
    background: url(../images/bubble.gif) no-repeat bottom;
}
/*---------- bubble tooltip end-----------*/

/*----Color Picker styles---*/

table.ColorTableStyle {
   border-collapse: collapse;
}
table.ColorTableStyle td
{
    CURSOR: hand;
}
table.ColorTableStyle td a
{
	display: block;
	  
}
table.ColorTableStyle td a:link, table.ColorTableStyle td a:visited
{
	display: block;
	color: #FFF;
   
    
}
table.ColorTableStyle td a:hover, table.ColorTableStyle td a:active
{
	display: block;
    color: #FFF;
   background-color: #CCCCCC;
}

.headerLinkAll
{
    display:inline-block;
    height:15px;
    width:78px;
    vertical-align:middle;
    padding-top:35px;
    text-align:center;
    font-weight:bold;
    text-decoration:none;
    color:White;
    
    
}
a.headerLinkAll:link
{ color:White;}

a.headerLinkAll:hover
{ color:White;}

.headerLink
{
    background-image:url('../Images/nav-bg.gif');
     padding-bottom:10px;
}

.headerLinkHilighted
{
    background-image:url('../Images/nav-bg-on.gif');
     padding-bottom:10px;
}

.headerLinkHilighted:hover
{
          padding-bottom:10px;
}

.headerLink:hover
{
    background-image:url('../Images/nav-bg-on.gif');
         padding-bottom:10px;
}

.wordCloud1
{
	font: bold 10px Arial;
}

.wordCloud2
{
	font: bold 18px Arial;
}

.wordCloud3
{
	font: bold 24px Arial;
}

.wordCloud4
{
	font: bold 32px Arial;
	padding: 4px;
}

.wordCloudSection
{
    text-align: justify;
    width: 540px;
    color: Blue;
    border-top: solid 1px lightgray;
    border-bottom: solid 1px lightgray;
    padding-bottom: 10px;
    margin-top: 20px;
}

.filterBarHeader
{
    color: Black;
    font: bold 12px Verdana;
    margin-left: 8px;
}

.multiSelectFilter
{
    height: 80px;
    width: 200px;
    overflow: auto;
    margin-left: 12px;
    margin-top: 8px;
    border: solid 1px gray;
}

.multiSelectControl
{
    height: 200px;
    width: 200px;
    overflow: auto;
    margin-left: 24px;
    margin-top: 20px;
    border: solid 1px gray;
}

.gaugeSection
{
    text-align: center;
    float: left;
    margin-right: 8px;
    margin-top: 10px;
}

.gaugeHeader
{
    font: italic 11px Verdana;
    color: red;
    margin-bottom: 20px;
}

.filterBarUpdateLink
{
    font: normal 12px Verdana;
}

.fieldDisplayCell
{
	font: bold 13px Verdana; color: #000000;
	width: 150px;
}

.appriseOverlay{position:fixed;top:0;left:0;background:rgba(0,0,0,0.3);display:none;}
.appriseOuter{background:#eee;border:1px solid #fff;box-shadow:0 3px 7px #333;-moz-box-shadow:0 3px 7px #333;-webkit-box-shadow:0 3px 7px #333;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-khtml-border-radius:4px;z-index:99999999;min-width:200px;min-height:50px;max-width:75%;position:fixed;display:none;}
.appriseInner{color:#333;text-shadow:0 1px 0 #fff;padding:20px;}
.appriseInner button{border:1px solid #bbb;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-khtml-border-radius:3px;background:0;color:#232d3d;font-size:12px;font-weight:700;text-shadow:0 1px 0 #fff;cursor:pointer;box-shadow:0 1px 2px #ccc;-moz-box-shadow:0 1px 2px #ccc;-webkit-box-shadow:0 1px 2px #ccc;margin:0 3px;padding:4px 10px;}
.appriseInner button:hover{color:#d85054;}
.aButtons,.aInput{text-align:center;margin:20px 10px 0;}
.aTextbox{border:1px solid #aaa;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-khtml-border-radius:4px;box-shadow:0 1px 0 #fff;-moz-box-shadow:0 1px 0 #fff;-webkit-box-shadow:0 1px 0 #fff;font-size:12px;font-weight:700;padding:5px 10px;}

.GampIsoButton
{
    border: 1 solid black;
}
.GampIsoControlButton
{
    float: right;
}
.GampIsoAdminDiv
{
    font-size: small;
}