/* <summary>
    Author : GCAIS
	Date   :12/03/09
	Version: 1
	Purpose:
	
		Provides Cascading Style Sheet for common.
	 
	==================================================================
	Amendment History:
	
    Date     Ver Reference   Pgmr   Comment
    ~~~~~~~~ ~~~ ~~~~~~~~~~~ ~~~~   ~~~~~~~
    12/03/09 1               GCAIS  Original version
    ==================================================================
    Description:common Cascading Style Sheet 
    
    </summary>
*/

/** font style **/
body, div, p, table, tr, th, td, span, a, input, button, textarea, select{
    font-size: 11px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#000000;
}
/** scroll bar style **/
body{
    margin: 0pt;
    background-color:#6699cc;
    scrollbar-arrow-color:#003366;
    scrollbar-face-color: #f1f1f1; 
    scrollbar-highlight-color: #f1f1f1;
    scrollbar-shadow-color: #003366;
    scrollbar-3dlight-color: #74899d;
    scrollbar-track-color: #ffffff; 
    scrollbar-darkshadow-color: #fafbff;
}
/** common image style **/
img{
	margin:0px;
}
/** common td style **/
td{
	padding-left: 0px;
}
/** common a style **/
a{
    color: #000000;
}
a:hover {
    color: #0099cc;
}
/** content border **/
div.contentborder{
    border:1px #74899d solid;
    height:100%;
    background-color:#f1f1f1;
}
/** content bar **/
td.bar{
    color: #ffffff;
    height: 22px;
    background-image:url(images/bar_bg.gif)
}
/** data table style **/
table.dataTable{
    border:1px #74899d solid;
    background-color:#f6f7f9;
}
table.dataTable td{
    text-indent:8px;
}
th.lasthead
{
	border-right: 1px solid #8cafd9;
}
td.lastcell
{
	border-right: 1px solid #cccccc;
}
/** fix header **/
tr.head{
	position: relative; 
	top: expression(this.offsetParent.scrollTop); 
	z-index: 10;
}
tr.head th{
	 background-image:url(images/table_title_bg.gif);
	 border-bottom: 1px solid #8cafd9;
	 border-top: 1px solid #8cafd9;
	 border-left: 1px solid #8cafd9;
	 height:20px;
	 color:#1a3e8a;
	 text-indent:2px;
}
tr.head th a{
   margin: 0px 3px;  
   color:#1a3e8a;
}         
tr.head th a:hover {
   margin: 0px 3px;
   color: #0099cc;
}
/** not fix header **/
tr.paginghead th{
	 background-image:url(images/table_title_bg.gif);
	 border-bottom: 1px solid #8cafd9;
	 border-top: 1px solid #8cafd9;
	 border-left: 1px solid #8cafd9;
	 height:20px;
	 color:#1a3e8a;
	 text-indent:2px;
}
tr.paginghead th a{
   margin: 0px 3px;  
   color:#1a3e8a;
}         
tr.paginghead th a:hover {
   margin: 0px 3px;
   color: #0099cc;
}
tr.highlight td{
    height:22px;
    background-color:#8888BB;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    text-indent:2px;
    }
tr.highlight td a{
    margin: 0px 3px;  
    color: #ffffff;
}         
tr.highlight td a:hover {
    margin: 0px 3px;
    color: #ffffff;
}
tr.list_single td{
    height:22px;
    background-color:#ffffff;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    text-indent:2px;
    }
tr.list_single td a{
    margin: 0px 3px;  
    color: #000000;
}         
tr.list_single td a:hover {
    margin: 0px 3px;
    color: #0099cc;
}
tr.list_double td{
    height:22px;
    background-color:#f5f5f5;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    text-indent:2px;
    }
tr.list_double td a{
    margin: 0px 3px;  
    color: #000000;
}
tr.list_double td a:hover {
    margin: 0px 3px;
    color: #0099cc;
}
/** form style **/
th.header{
    color: #ffffff;
    height:22px;
    text-indent:8px;
    background-color:#0099cc;
    border-bottom: 1px solid #c8dbf3;
    border-right: 1px solid #c8dbf3;
}
td.label{
    color: #000000;
    height:22px;
    text-indent:8px;
    background-color:#f6f7f9;
    border-bottom: 1px solid #c8dbf3;
    border-right: 1px solid #c8dbf3;
    border-left: 1px solid #c8dbf3;
}
td.content{
    padding-left:2px;
    background-color:#FFFFFF;
    text-align:left;
    height: 22px;
    border-bottom: 1px solid #c8dbf3;
}
/** control style **/
input.button_common {
    background-image:url(images/button_common.gif);
    height:20px;
    color:#000000;
    text-align:center;
    border:0;
    cursor:hand;
    width:79px;
}
input.button_large2 {
    background-image:url(images/button_large2.gif);
    height:20px;
    color:#000000;
    text-align:center;
    border:0;
    cursor:hand;
    width:330px;
}
input.button_large {
    background-image:url(images/button_large.gif);
    height:20px;
    color:#000000;
    text-align:center;
    border:0;
    cursor:hand;
    width:200px;
}
input.button_long {
    background-image:url(images/button_long.gif);
    height:20px;
    color:#000000;
    text-align:center;
    border:0;
    cursor:hand;
    width:120px;
}
input.button_short {
	background-image:url(images/button_short.gif);
	height:20px;
	color:#000000;
	text-align:center;
	border:0;
	cursor:hand;
	width:30px;
}
input.common_field {
    border:1px #999999 solid;
    height:20px;
    width:220px;
}
input.long_field {
	Line-Height:100%;
	border:1px #999999 solid;
	height:20px;
	width:95%;
}
input.short_field {
	Line-Height:100%;
	border:1px #999999 solid;
	border-spacing: 3px;
	height:20px;
	width:80%;
}
input.shortfixed_field {
	border:1px #999999 solid;
	Line-Height:100%;
	border-spacing: 3px;
	width:75px;
}
input.minfixed_field {
	border:1px #999999 solid;
	Line-Height:100%;
	border-spacing: 3px;
	width:30px;
}
select.common_select{
    Line-Height:100%;
    width:222px;
}
select.long_select{
	Line-Height:100%;
	width:95%;
}
select.shortfixed_select{
	Line-Height:100%;
	border-spacing: 3px;
	width:100px;
}
select.short_select{
	Line-Height:100%;
	border-spacing:3px;
	width:50%;
}
input.checkbox{
	width:14px;
	height:14px;
}
textarea.long_area {
	Line-Height:100%;
	width:95%;
	border-spacing: 3px;
	border:1px #999999 solid;
}
textarea.common_area { 
	border:1px #999999 solid;
	border-spacing: 3px;
	line-height:100%;
	width:140px;
}
textarea.full_area {
	border:1px #999999 solid;
	border-spacing: 3px;
	Line-Height:100%;
	width:99%;
}
/** error **/
.error_title_large{
	color:#FF0000;
	font-size:22px;
}
/** ajax loading **/
.ajax_loading
{
	background:white url(images/blue_loading.gif) no-repeat center left;
	display:none;
	width:125px;
	height:22px;
	position:absolute;
	border:1px solid #7fb1de;
	font:10px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:center;
	z-index:auto;
	right:0px;
	top:0px;
	margin:5px;
}
/** cntr modify page's gridview **/
tr.innerGridViewHead1 th
{
	background-image: none;
	border-bottom: 0px solid #8cafd9;
	border-top: 0px solid #8cafd9;
	border-left: 0px solid #8cafd9;
	border-right: 0;
	height: 20px;
	color: #1a3e8a;
	text-indent: 2px;
}
tr.innerGridViewHead2 th
{
	background-image: none;
	border-bottom: 0px solid #8cafd9;
	border-top: 1px solid #8cafd9;
	border-left: 1px solid #8cafd9;
	border-right: 1px solid #8cafd9;
	height: 20px;
	color: #1a3e8a;
	text-indent: 2px;
}
/** auto width control style **/
input.auto_field {
    border:1px #999999 solid;
    height:20px;
    width:auto;
}
textarea.auto_area { 
	border:1px #999999 solid;
	border-spacing: 3px;
	line-height:100%;
	width:auto;
}
select.auto_select{
    Line-Height:100%;
    border-spacing: 3px;
    width:auto;
}