/* DEFAULTS
----------------------------------------------------------*/
html, body {
height: 100%;
margin: 0;
padding: 0;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
background: #F8F8F8;
font-size: 12px;
color: #363636;
background-repeat: repeat;
font-size:13px; background:url(../images/body_bg.png) repeat
}

a:link, a:visited {	color:#234847; text-decoration: none;}
a:hover { color: #757738; text-decoration: underline;}

p {  margin-bottom: 10px;   line-height: 1.6em; color: #1d4140;
    direction: ltr;
}
td { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;   }
.normaltxt { line-height: 1.6em; text-align:justify; font-size:11px;}
.footerbg {background-color:#2b504f;}
.newbdrbg {background-color:#e0e0e0; border:1px solid #b5b5b5;padding:0px 2px 0px 2px;}
.padding{ padding:5px; }
.newspadding{ padding:2px 0px 2px 0; }
.normaltxt10 { font-size:10px;}
.border { border:1px solid #CCCCCC; }

.colheader { color:#ffffff; background-color:#17666A;}
.colwhite { color:#000000; background-color:#ffffff; }
.colbg {
	background-color: #EBF5F5;
    direction: ltr;
}
.tablebg { background-image:url(../images/tablebg.jpg); background-repeat:repeat-x;	background-color:#FFFFFF;}
.tblwidth { width:1050px;}
.tblwidth95 { width:95%;}
.bottomline { border-bottom:1px dotted #2b504f; }
.topheaderbg {  background-image:url(../images/topheaderbg.jpg); background-repeat:repeat-x;}

/***COLORS***/
.darkgreen {color:#757738;}
.darkblue {color:#2b504f;}
.red { color:Red; }
.green { color:green; }
.confmsg { border:1px solid #CCCCCC; padding:10px;background-color: #EAFFF4; color:green; font-size=12px; }
.errmsg { border:1px solid #CCCCCC; padding:10px;background-color: #FFE8E8; color:red; font-size=12px;}
/*---------- HEADINGS---------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{    
    text-transform: none;
    font-weight: 200;
	padding: 0px;
	margin: 0px;
	line-height: 100%;
}
h1{ font-size: 4em; }
h2{ font-size: 2em;	padding: 5px 0 0 0px; line-height: 100%;}
h3{ font-size: 1.4em;	}
h4{ font-size: 1.2em;	}
h5, h6 {   font-size: 1em; }
.subheading14 {font-size: 14px;}
.subheading12 {font-size: 12px;}
.heading24 {font-size: 24px; font-weight: 200; }
.mainheading {font-size: 295%; font-weight: 200; text-align:left; }
/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.divscroll
{
    overflow: scroll; 
    max-width:1000px;

}
.page
{
    width: 960px;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
}
.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #fffff;
    width: 100%;
}
.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}
.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}
.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}
.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}
.submitButton
{
    text-align: right;
    padding-right: 1px;
}

/* EXTRA*/
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=80);
    opacity: 0.8;
    z-index: 10000;
}
/**********GRID CSS*********/
.gridheader 
{
    padding: 5px; 
    font-weight: bold; 
    white-space: nowrap;
    color:#ffffff;  
    background-color:#17666A;
    text-align: left; 
    vertical-align: bottom; 
    height:25px;
    min-width: 200px;
}
.gridheader a:link, a:visited {	color:#ffffff; text-decoration: none;}
.gridheader a:hover { color: #CCCCCC; text-decoration: underline;}

.griditem {    min-width: 150px;  padding: 5px; background-color: #F0EBCA;}
.gridalertitem {min-width: 150px; padding: 5px; background-color: #ffffff;}
.gridwidth {  width: 100%;   }
.ghwidth {    width: 150px;   }
.scrollwidth   
{
    overflow-x: scroll; 
    text-align: left;
    /*width: 1000px;*/ 
}
#scrolledGridView
{
    overflow-x: scroll; 
    text-align: left;
    width: 1000px; /* i.e. too small for all the columns */
}

/***********END***************/
div.accountInfo
{
    width: 42%;
}

form {
	margin: 0;
	padding: 0;
	border: 0;
}

input {
	color: #333333;
	font-weight: normal;
	padding: 2px 2px 2px 5px;
	border: 1px solid #A9B8C2;
	background-color: #FAFAFA;
	/*-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;*/
	font-size:11px;
}

textarea {
	font-size:11px;
	background-color: #FAFAFA;
	color: #333333;
	line-height: 1.4em;
	font-weight: normal;
	border: 1px solid #A9B8C2;
	font-size:11px;
	padding: 2px;
}

select {
	font-size:11px;
	color: #333333;
	padding: 2px;
	background-color: #FAFAFA;
	font-weight: normal;
	border: 1px solid #A9B8C2;
}
.select {
	font-size:11px;
	color: #333333;
	width:150px;
	padding: 2px;
	background-color: #FAFAFA;
	font-weight: normal;
	border: 1px solid #A9B8C2;
    margin-bottom: 0px;
}

option {
	padding: 2px 3px 2px 3px;
}

option.disabled-option {
	color: graytext;
}
.qqButton
{
    background: url(images/qq_button_normal.png) no-repeat;
    width: 125px;
    height: 30px;
    text-align: center;
    font-size: 17px;
    font-family: Arial, Helvetica, sans-serif;
    border: 0 none;
    color: #FFFFFF;
}
.qqButton:hover
{
    background: url(images/qq_button_hover.png) no-repeat;
    width: 125px;
    height: 30px;
    text-align: center;
    font-size: 17px;
    font-family: Arial, Helvetica, sans-serif;
    border: 0 none;
    color: #FFFFFF;
}
.button{  /* button styles */
		  background-color: #4682B4;
          -webkit-border-radius: 10px 9px; -moz-border-radius: 10px 9px; border-radius: 10px 9px;
          border: 0px;
          margin: 5px;
		  padding: 4px 10px 2px 10px;
		  min-width: 115px;
		  /*text styles */
          color: white;
          font-family: helvetica, arial, sans-serif;
          font-size: 12px;
          font-weight: bold;
          letter-spacing: 0px;
          word-spacing: 0px;
          text-align: center;
          text-shadow: 0px 0px 0px black;
          
          /*interaction */
		  cursor: pointer;
}
.button:hover{background-color:#006699}