/* Common tags                 */
/*-----------------------------*/		

body 
{
    font-family:Arial;
    font-size:9pt;
    color:#000000;
    margin: 0;
    padding: 0;
	margin-right: 0;
	text-align: left;
	/*BACKGROUND-COLOR: #DDE8EB*/
    BACKGROUND-COLOR: #E4F9BA
   /* BACKGROUND-IMAGE: url(images/bg.gif)*/
   
}

.logo
{
    BACKGROUND-IMAGE: url(images/logo.gif)
}

.mainbody 
{
    font-family:Arial;
    font-size:10pt;
    color:#FFFFFF;
    margin: 0;
    padding: 0;
	margin-right: 0;
	text-align: left;
    /*BACKGROUND-IMAGE: url(images/bgcolor.gif)*/
    BACKGROUND-COLOR: #B2C3E1
}

.contentbody
{
    /*BACKGROUND-IMAGE: url(images/bgcolor.gif)*/
    BACKGROUND-COLOR: #dde8eb
}

.menubody 
{
    /*BACKGROUND-IMAGE: url(images/bgcolor.gif)*/
    BACKGROUND-COLOR: #B2C3E1
}

A:link      { color: #41519A; text-decoration:none; }
A:visited 	{ color: #41519A; text-decoration:none; }
A:active 	{ color: #41519A;  cursor:hand; text-decoration:none; }
A:hover 	{ color: #B2C3E1;  cursor:hand; text-decoration:"underline"; }
		
A.bodyLink:link     { color: #41519A; text-decoration:none; font-weight:bold; }
A.bodyLink:visited 	{ color: #41519A; text-decoration:none; font-weight:bold; }
A.bodyLink:active 	{ color: #41519A;  cursor:hand; text-decoration:none; font-weight:bold; }
A.bodyLink:hover 	{ color: #B2C3E1;  cursor:hand; text-decoration:"underline"; font-weight:bold; }

.linkbottom:link { color: #ffcc00; text-decoration:none; }
.linkbottom:visited { color: #ffcc00; text-decoration:none; }
.linkbottom:active { color: #ffcc00; text-decoration:none; }
.linkbottom:hover { color: #ffffff }
.linktop:link { color: #ffffff; text-decoration: none; }
.linktop:visited { color: #ffffff; text-decoration: none; }
.linktop:active { color: #ffffff; text-decoration: none; }
.linktop:hover { color: #ffcc00 }

input
{
    font-family:Arial;
    font-size: 9pt;
}
textarea
{
    border-right: darkgray 1px solid;
    border-top: darkgray 1px solid;
    border-left: darkgray 1px solid;
    border-bottom: darkgray 1px solid;
    font-family:Arial;
    font-size: 9pt;
}
select
{
    border: 1px solid darkgray;
    font-family:Arial;
        color: #000000;
        font-size: 9pt;
        height: 22px;
    margin-bottom: 0px;
}
p
{
	line-height: 1.4em;
}

.title
{
    text-transform: uppercase;
    font-weight: bold;
    font-family:Arial;
    font-size: 11pt;
    color: #41519A;
}

.menutitle
{
    text-transform: uppercase;
    font-weight: bold;
    font-family:Arial;
    font-size: 11pt;
    color: #18397c;
}
 
hr 
{
	border: 0;
	border-top: 2px solid #BE5057;
	height: 2px;
}

img
{
	border-width: 0;
    }

ul
{
	list-style-image: url(../../_images/bullet.gif);
	list-style-position: outside;
	list-style-type: disc;
	/*color: #000000;*/
}

.menutextindent
{
    font-size: 9pt;
}

/* Headings                    */
/*-----------------------------*/
h1
{
	font-size: 13pt;
}

h2
{
	font-size: 11pt;
}
	
h3
{
	font-size: 9pt;
}

h4
{
	font-size: 7pt;
}

/* Tables                      */
/*-----------------------------*/	
td
{
	font-size: 9pt;
}
th
{
	font-size: 9pt;
}
.table-box
{
    border: 1px solid #DDE8EB;
    margin-right: 0px;
}
.table-box1
{
    border-right: #91A64D 1px solid;
    border-top: #91A64D 1px solid;
    border-left: #91A64D 1px solid;
    border-bottom: #91A64D 1px solid;
}
.table_header
{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 22px;
    font-weight: bolder;
    color: #FFFFFF; /*background-color: #B2C3E1*/ /*background-color :#91A64D*/ /*background-color : #77B000*/
    background-color: #91A64D;
    font-family: Arial, Helvetica, sans-serif;
}
.table_subheader
{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 22px; 
    font-weight: bolder;
    color: #000000;
    background-color: #c2c2b1
}
.table_subheader2
{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 22px; 
    font-weight: bolder;
    color: #000000;
    background-color: #cccccc
}
.table_subheader3
{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 22px; 
    font-weight: bolder;
    color: #000000;
    background-color: #507CD1
}
.table_subheader4
{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 22px; 
    font-weight: bolder;
    color: #000000;
    background-color: #5AA128
}
.table_subheader5
{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 22px; 
    font-weight: bolder;
    color: #000000;
    background-color: #91A64D
}
.table_subheader6
{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 22px; 
    font-weight: bolder;
    color: #000000;
    background-color: #91A64D
}
.table_subheader7
{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 22px; 
    font-weight: bolder;
    color: #000000;
    background-color: #054D7F
}
.table_subheader8
{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 22px; 
    font-weight: bolder;
    color: #000000;
    background-color: #7F1905
}
.table_datarow1
{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 22px; 
    color: #000000;
    background-color: #fffff0
}

.table_datarow2
{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 22px; 
    color: #000000;
    background-color: #ffffff
}

.table_datarow3
{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 22px; 
    color: #000000;
    background-color: #DDF2A5
}
.table_datarowSeleted
{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 22px; 
    color: #000000;
    font-weight: bolder;
    background-color: #e8f2f4
}
.table_datarowSeleted
{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 22px; 
    color: #000000;
    font-weight: bolder;
    background-color: #e8f2f4
}
.table_datarowR
{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 22px; 
    color: #000000;
    background-color: #ffb6c1
}
.table_datarowP
{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 22px; 
    color: #000000;
    background-color: #add8e6
}
.table_dataname
{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 22px; 
    color: #000000;
    border-bottom: #999999 1px solid
}
.table_row_highlight
{
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    height: 20px; 
    background-color: #aaaaaa
}
.table_row_light
{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 22px; 
    color: #000000;
    background-color: #dddddd
}
.table_footer
{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 22px; 
    color: #000000;
    background-color: #EFE6F7
}
.table_Announment
{
  background-image: url(../../_images/Table_Announment.jpg);
  background-color:blue;
  color:#91A64D;
  font-family: sans-serif;
  font-weight:600; 
}
/* Buttons                      */
/*-----------------------------*/	
.button-assessment
{
    border-right: #91a7b4 1px solid;
    border-top: #91a7b4 1px solid;
    border-left: #91a7b4 1px solid;
    border-bottom: #91a7b4 1px solid;
    padding-top: 2px;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 2px;
    overflow: visible;
    width:255px;
    cursor: hand;
    color: #18397c;
    text-align: center
   
}

.button-competency
{
    border-right: #91a7b4 1px solid;
    border-top: #91a7b4 1px solid;
    border-left: #91a7b4 1px solid;
    border-bottom: #91a7b4 1px solid;
    padding-top: 2px;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 2px;
    overflow: visible;
    width: 400px;
    cursor: hand;
    color: #18397c;
    text-align: center
}

.button-submitapplication
{
    border-right: #91a7b4 1px solid;
    border-top: #91a7b4 1px solid;
    border-left: #91a7b4 1px solid;
    border-bottom: #91a7b4 1px solid;
    padding-top: 2px;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 2px;
    overflow: visible;
    width: 150px;
    cursor: hand;
    color: #18397c;
    text-align: center
}

.button-save
{
    border-right: #91a7b4 1px solid;
    border-top: #91a7b4 1px solid;
    border-left: #91a7b4 1px solid;
    border-bottom: #91a7b4 1px solid;
    padding-top: 2px;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 2px;
    overflow: visible;
    width: 100px;
    cursor: hand;
    color: #18397c;
    text-align: center
}
.button-submit
{
    border-right: #91a7b4 1px solid;
    border-top: #91a7b4 1px solid;
    border-left: #91a7b4 1px solid;
    border-bottom: #91a7b4 1px solid;
    padding-top: 2px;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 2px;
    overflow: visible;
    width: 100px;
    cursor: hand;
    color: #18397c;
    text-align: center
}
.button-new
{
    border: 1px solid #91a7b4;
    padding: 2px 3px;
    overflow: visible;
        width: 100px;
        cursor: hand;
        color: #18397c;
        text-align: center;
    height: 27px;
}
.button-edit
{
    border: 1px solid #91a7b4;
    padding: 2px 3px;
    overflow: visible;
        width: 100px;
        cursor: hand;
        color: #18397c;
        text-align: center;
    }
.button-delete
{
    border-right: #91a7b4 1px solid;
    border-top: #91a7b4 1px solid;
    border-left: #91a7b4 1px solid;
    border-bottom: #91a7b4 1px solid;
    padding-top: 2px;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 2px;
    overflow: visible;
    width: 100px;
    cursor: hand;
    color: #18397c;
    text-align: center
}
.button-search
{
    border-right: #91a7b4 1px solid;
    border-top: #91a7b4 1px solid;
    border-left: #91a7b4 1px solid;
    border-bottom: #91a7b4 1px solid;
    padding-top: 2px;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 2px;
    overflow: visible;
    width: 100px;
    cursor: hand;
    color: #18397c;
    text-align: center
}
.button-cancel
{
    border-right: #91a7b4 1px solid;
    border-top: #91a7b4 1px solid;
    border-left: #91a7b4 1px solid;
    border-bottom: #91a7b4 1px solid;
    padding-top: 2px;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 2px;
    overflow: visible;
    width: 100px;
    cursor: hand;
    color: #18397c;
    text-align: center
}
.button-setup
{
    border-right: #91a7b4 1px solid;
    border-top: #91a7b4 1px solid;
    border-left: #91a7b4 1px solid;
    border-bottom: #91a7b4 1px solid;
    padding-top: 2px;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 2px;
    overflow: visible;
    width: 100px;
    cursor: hand;
    color: #18397c;
    text-align: center
}
.button-back
{
    border-right: #91a7b4 1px solid;
    border-top: #91a7b4 1px solid;
    border-left: #91a7b4 1px solid;
    border-bottom: #91a7b4 1px solid;
    padding-top: 2px;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 2px;
    overflow: visible;
    width: 100px;
    cursor: hand;
    color: #18397c;
    text-align: center
}
.button-reset
{
    border-right: #91a7b4 1px solid;
    border-top: #91a7b4 1px solid;
    border-left: #91a7b4 1px solid;
    border-bottom: #91a7b4 1px solid;
    padding-top: 2px;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 2px;
    overflow: visible;
    width: 100px;
    cursor: hand;
    color: #18397c;
    text-align: center
}

.textbox
{
    border-right: #91a7b4 1px solid;
    border-top: #91a7b4 1px solid;
    border-left: #91a7b4 1px solid;
    border-bottom: #91a7b4 1px solid;
    padding-top: 1px;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 1px;
    overflow: visible;
    width: 157px;   
   /*  height : auto; */
 }
 .textbox1
{
    border-right: #DDE8EB 1px solid;
    border-top: #DDE8EB 1px solid;
    border-left: #DDE8EB 1px solid;
    border-bottom: #DDE8EB 1px solid;
    padding-top: 2px;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 2px;
    overflow: visible;
    width: 157px;   
    height : auto;
 }
/* Others                      */
/*-----------------------------*/	
.line
{
    border-right: #ffcc00 1px;
    border-top: #ffcc00 1px solid;
    border-left: #ffcc00 1px;
    border-bottom: #ffcc00 1px
}
.ColDivider
{
    MARGIN-left: 3px;
    border-left: #91a7b4 1px solid;
    MARGIN-right: 3px;
    height: 16px
}
.RowDivider
{
    border-top: #91a7b4 1px solid;
    overflow: hidden;
    height: 1px
}
.Status
{
    text-transform: uppercase;
    padding-right: 3px;
    padding-left: 3px;
    color: #ffffff;
    background-color: #0000cd
    
}
.FormTab
{
    border-top: #91a7b4 1px solid;
    border-right: #91a7b4 1px solid;
    border-left: #91a7b4 1px solid;
    padding-top: 2px;
    padding-right: 5px;
    padding-left: 5px;
    width: 1.2in;
    cursor: hand;
    color: black;
    height: 21px;
    background-color: #e8f2f4;
    text-align: center
}
.FormTab_Selected
{
    border-top: gold 3px solid;
    border-right: #91a7b4 1px solid;
    border-left: #91a7b4 1px solid;
    padding-top: 2px;
    padding-right: 5px;
    padding-left: 5px;
    font-weight: bolder;
    width: 1.2in;
    position: relative;
    top: 1px;
    height: 24px;
    background-color: white;
    text-align: center;
}
.FormTab-Auto
{
    border-top: #91a7b4 1px solid;
    border-right: #91a7b4 1px solid;
    border-left: #91a7b4 1px solid;
    padding-top: 2px;
    padding-right: 5px;
    padding-left: 5px;
    cursor: hand;
    color: black;
    height: 21px;
    background-color: #e8f2f4;
    text-align: center
}
/* Ajax                        */
/*-----------------------------*/	
.validatorCalloutHighlight
{
    background-color: #e8f2f4;
}

.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
}

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    background-color: #B2C3E1;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;

	text-transform: uppercase;
    font-weight: bold;
    font-family:Arial;
    font-size: 11pt;
    color: #18397c;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    background-color: #B2C3E1;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;

	text-transform: uppercase;
    font-weight: bold;
    font-family:Arial;
    font-size: 11pt;
    color: #18397c;
}

.accordionContent
{
    background-color: #fffff0;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.announcement
{
    font-weight: bold;
    font-family:Arial;
    font-size: 10pt;
    color: #e8f2f4;
    cursor: hand;
}
.image
{
    border: 6px;
    color: #CAD8E5;
    }
    
.pics {  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    padding: 5px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  780px; 
    height: 200px; 
    top:  0; 
    left: 0 
} 
.pics1 {  
    padding: 0;  
    margin:  0;  
} 
 
.pics1 img {  
    padding: 5px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  220px; 
    height: 200px; 
    top:  0; 
    left: 0 
} 
LI.list1 
{
    list-style-type: decimal;
 } 
 
LI.list2
{
    list-style-image: url('../../_images/arrows.gif');
} 
LI.list3
{
    list-style-image: url('../../_images/arrows_green.gif');
   }
.textcolor
{
    color:#E7AE4E;    
}
.textcolor1
{
    color:#E7AE4E;   
    font-size:larger 
}
.textcolor2
{
    color:#91A64D;   
    font-size:larger 
}
.textstyle
{
    font-weight:bold;
    color:#E7AE4E;    
    text-decoration:underline
 }