/* CSS Document */
html					{ margin:0;padding:0;}
body 	{margin:0 auto;	padding:0;
     	 font-family :"Trebuchet MS",Arial, Tahoma;	font-size:11px;}
     	 focus{ border:none;}
.modalBackground  {	background-color:Gray;	filter:alpha(opacity=30);	opacity:0.3;}
.modalPopup 		{	border: solid 1px #CCCCCC;	background-color:White;	color:Black;	font-weight:normal;} 
.alertTitle			{  background:#E2E2E2 url('../images/LogErrors/alertTitleBg.jpg') repeat-x top left;    height:31px;    padding:8px 8px 0 8px;
    						text-align:left;    font-size:18px;    color:#0093DD;    font-weight:bold;}
.alertTitle img	{  float:right;    }
.alertTitle span	{  color:Black;    }    
.messageArea		{  height:76px;    padding:10px;    color:#666;    font-size:13px;    }
.btcPanel			{  background-color:#E8F7FF;    height:31px;    padding-top:8px;    }    
/* - Re Order List - */    
.reoList				{width:420px; border:1px solid #0069B7; background-color:#ddd; margin:0 auto; padding: 5px 2px 2px 2px;}
.reoList ul 		{list-style-type:none; margin:0 auto;}  
.dragHandle 		{width:20px; height:20px;background-color:#eee; background-image:url(../images/icons/moveitem.gif); cursor:move;}
.callbackStyle 	{border:thin blue inset;}
.callbackStyle table 
						{background-color:#D9EFFF;	color:Black;}
.reoList li 		{list-style:none;margin:2px;background-color:#EFEFEF; padding:3px 8px 0px;color:#000;}
.reoList li div.buttons
						{width:46px;float:right;padding:0;margin:0;}
.reoList li a 		{color:#FFF !important; font-weight:bold;}
.reorderCue 		{border:dashed thin black;width:100%;height:25px;}
.itemArea 			{margin-left:15px;font-family:Arial, "Trebuchet MS", sans-serif;font-size:1em;text-align:left;}
.watermark			{font-size:12px; border: 1px solid #A8BEDF;width:210px;background:#fff url(../images/inputBg.jpg) left top repeat-x; 
						padding:2px 0 0 3px;color:#aaa;}
.updatingMessage	{background-color:#FFF9CA; border: 4px solid #FFCC00;font-size:16px;padding:8px; width:225px;color:#0066CC;}						
/* ==========-------------------  Forms Page -----------------------==============*/	 


fieldset
{
    margin-bottom:10px;
    border:none;
    }
    
    
legend
{
    color:#CE2412;
    font-weight:bold;
    }

fieldset ul
{
    margin:0;
    padding:0;
    }
    
fieldset ul li ul
{
    margin:0;
    padding:0;
    margin-left:20px;
    padding-top:10px;  
    }    
    
fieldset ul li
{
    background:url(../images/hDivDotted.gif) repeat-x top;
    list-style:none;
    margin-bottom:5px;
    margin-top:0;
    padding-bottom:0;
    }
    
fieldset ul li.groupHead
{
    background:transparent;
    list-style-image:url(../images/blueBull.gif);
    margin-bottom:8px;
    margin-top:18px;
    padding-bottom:0; 
    font-weight:bold;
    color:#0093DD;
    font-size:13px;
    margin-left:20px;
    }
    
fieldset ul li.groupHead span
{
    color:#666666;
    font-size:12px;
    font-style:italic;
    }    
    
.GroupList
{
    /*margin:0;
    padding:0;*/
    }    
    
em
{
     color:#888888;
    font-size:12px !Important;
    }        
    
fieldset ul li ul li
{
    background:none;
    line-height:20px;
    } 

fieldset ul li ul li label.fHead
{
    display:block;
    width:140px;
    font-weight:bold;
    float:left;
    color:#777;
    } 
fieldset ul li ul li div.valDisp
{
    margin-left:140px;
    line-height:13.2px;
    }
fieldset ul li ul li div.DynMes
{
    margin-left:140px;
    line-height:13.2px;
    padding:5px 8px;
    border:1px solid #f3f3f3;
    background-color:#fafafa;
    margin-top:2px;
    }         
fieldset ul li ul li label.fHead span
{
    font-weight:normal;
    color:Red;
    }           
       
    .pushButton{
        background-color:#CB0000;
        font-weight:bold;
        color:#FFDA52;
        border:outset 2px #D84444;
    }    
    
.regPic
{
    float:left;   
    } 
    
.tbNotes
{
    margin-left:15px;
    }      
    
.tbNotes ul
{
    font-weight:bold;
    margin:12px 0 0 10px;
    padding:0;
    color:Black;
    }   

.tbNotes li
{
    font-weight:normal;
    margin:0 0 0 20px;
    padding:0;
    line-height:18px;
    color:Orange;
    }            
    
.tbNotes li span
{
    color:#666666;
}    

.rightBanner
{
    float:right;
    }
    

.blockVal
{
    margin:2px 0;
   /* background-color:#FFDA52;*/
    padding:2px 8px;
    /* border:1px solid #FFBF00;*/
    color:#CF2B10;
    font-weight:bold;
    }  
    
input.button {
    margin:0;
    padding:0;
    padding-left: 10px;
    margin-right: 10px;
    border: 0;
    background: #fff url(../Images/button.jpg) no-repeat;
    color: #fff;
    height: 36px;
    font-size:13px !Important;
    font-weight:bold;
    /* used to catch the buttonEnding */
    position: relative;
    cursor: pointer;
}

.buttonEnding {
    position: absolute;
    display: inline;
    margin-left: -10px;
    width: 19px;
    height: 36px;
    background: url(../Images/end.jpg) no-repeat;
}  

.textInput
{
    width:140px;
    font-size:12px !Important;
     font-family:"Trebuchet MS",Tahoma, Arial;
    }    

.ddlInput
{
    font-size:12px !Important;
    font-family:"Trebuchet MS",Tahoma, Arial;
    color:#005A9D;
    height:22px;
    }    
    
.caption
{
    color:#888888;

    }    
    
.red
{
    color:Red;
    }  
    
.textNote
{
    border:1px solid #FFE791;
    padding:2px 8px;
    background:#FEF6B1;
    }      
    
.textNote b
{
    color:#CB0000;
    }    
.pwIndicator
{
    margin-left:15px;
    padding:2px 5px;
    color:White;
    background-color:#0093DD;
    border:solid 1px #0083cc;
    }	

.helpHandle
{
    width:20px;
	height:20px;
	background-image:red url(..images/icon/help.gif);
	overflow:hidden;
	cursor:help;
    }    
.compName 
{
    color:Black;
    font-weight:bold;
    }
.compName span
{
    color:#007BD9;
    }    
    
a.linkWhite:link, a.linkWhite:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.linkWhite:hover {
	text-decoration: underline;
}
textarea.resizable
{
    display:block;
    margin-bottom:0pt;
    width:95%;
    height: 20%;
}
div.grippie 
{
    background:#EEEEEE url(../images/grippie.png) no-repeat scroll center 2px;
    border-color:#DDDDDD;
    border-style:solid;
    border-width:0pt 1px 1px;
    cursor:s-resize;
    height:9px;
    overflow:hidden;
    margin-left:0px;
    }
.buttonlink{margin:10px 0px 0px 16px; padding:0px 0px 4px 13px;
            background:url(../images/buttons/arrow.gif) top left no-repeat;}
.buttonlink2{margin:0px 0px 0px 16px; padding:0px 0px 4px 13px;
            background:url(../images/buttons/arrow2.gif) top left no-repeat;}
            
.hdbg{
	width:auto;
	height:5px;
    padding:3px 10px;
    margin:5px 0 10px 10px;
    background:#0099FF;
    color:#fff;
    text-decoration:none;
    font-weight:bold;
     }
.jobsCat{border:solid 1px #E3E3E3;
         background-color:#FDFDFD;
         padding:4px;
         margin:4px;
         font-family:Arial, Sans-Serif; color:#000; text-decoration:none; font-size:12px;
}
.LinkUnder
{
	text-decoration:none;
}
.LinkUnder a
{
	text-decoration:none;
}
.LinkUnder a:hover;
{
	text-decoration:underline;
}
.labelling
{font-size:12px; font-family:Arial, sans-serif; color:#0099FF;
 font-weight:bold; text-decoration:none;}

.labelling a
{
	color:#0099FF;
	text-decoration:none;
	}

.labelling a:hover
{
	color:#000;
	text-decoration:underline;
	}
 
 .labelling2
{font-size:12px; font-family:Arial, sans-serif; color:#0099FF; text-decoration:none;}

.labelling3
{ text-align:left; font-size:12px; font-family:Arial, sans-serif;
  color:#000000; text-decoration:none; margin:2px 0 2px 10px; padding:4px 10px 4px 20px; border:1px solid #eee;}

.labelling4
{font-size:12px; font-family:Arial, sans-serif; color:#000000; 
  text-decoration:none; margin:2px 0 2px 10px; padding:4px 10px 4px 20px; }

.jobdes{padding:4px;}

.modalPopup {
	border: solid 2px #70B30F;
	background-color:White;
	color:Black;
	font-weight:normal;
	padding:12px 8px;
	font-family:Arial;
} 

.keySearchRsult{
	border:1px solid #e1e1e1;
	height:17px;
	width:300px;
	background:#F8F8F8;
	margin:5px 0;
	padding-top:3px;
	padding-right:4px;
	padding-bottom:3px;
	padding-left:4px;
	font-size:14px;
	color:#0092DD;
	
}