﻿/* CSS Document */

body {
/*background:#ffffff url(../images/background.jpg) repeat-y 50% 0;*/
background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(239,239,239,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-8 */
margin-left: auto; margin-right: auto; text-align: center;
background-attachment:fixed;
margin:0px;
padding:0px;
text-align:center;
height:100%;
FONT-WEIGHT: normal; 
FONT-SIZE: 9px; 
WORD-SPACING: normal; 
TEXT-TRANSFORM: none; 
SCROLLBAR-3DLIGHT-COLOR: maroon; 
FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; 
SCROLLBAR-DARKSHADOW-COLOR: goldenrod; 
SCROLLBAR-BASE-COLOR: beige; 

}

input{
    width: 150px;
}
input[type=submit]{
    width: 220px;
    cursor: pointer;
    background: #ed1c24;
    border: none;
    border-radius: 5px;
    color: #fff;
    padding: 5px;
    transition: all 0.3s ease;
}
input[type=submit]:hover{
    width: 220px;
    cursor: pointer;
    background: #222;
    border: none;
    border-radius: 5px;
    color: #fff;
    padding: 5px;
}
div.page_header{
    background: #222;
    float: none;
    height: 120px;
    border-radius: 5px;
    margin: 10px 10px 0px 10px;
}
div.header_logo{
    float:left;
}
div.message_bar{
    float:right;
}

#content{
    /*background: #eee;*/
    border-radius: 5px;
    margin-top:10px;
    /*border: 1px solid #ccc;*/
    padding: 0px;
}

.login_box{
    padding:10px;
    border-radius: 5px;
    border: 1px solid #bbb;
    color: #222;
    margin: auto;
}

input.paragraph {
    height: 200px;
}

H1 {
	COLOR: firebrick
}
H2 {
	COLOR: firebrick
}
H3 {
	COLOR: firebrick
}
H4 {
	COLOR: firebrick
}
H5 {
	COLOR: firebrick
}
THEAD {
	COLOR: firebrick
}
TFOOT {
	COLOR: firebrick
}
TABLE TR TH {
	FONT-SIZE: 12px;
    COLOR: #222;
    BORDER-BOTTOM: #222 1px solid;
    TEXT-ALIGN: center;
    padding: 5px;
    background: #fff;
}
TABLE TR TD {
	FONT-SIZE: 10px;
    COLOR: #222;
    text-align: left;
}
H1 {
	FONT-WEIGHT: 700; FONT-SIZE: 2em; WORD-SPACING: normal; TEXT-TRANSFORM: none; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; LETTER-SPACING: normal; TEXT-DECORATION: none
}
H2 {
	FONT-WEIGHT: 700; FONT-SIZE: 1.75em; WORD-SPACING: normal; TEXT-TRANSFORM: none; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; LETTER-SPACING: normal; TEXT-DECORATION: none
}
H3 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: goldenrod; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.subheader {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: goldenrod; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
H4 {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: maroon; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.miniheader {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: maroon; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
H5 {
	FONT-WEIGHT: 700; FONT-SIZE: 1em; WORD-SPACING: normal; TEXT-TRANSFORM: none; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; LETTER-SPACING: normal; TEXT-DECORATION: none
}
DT {
	FONT-WEIGHT: 700; FONT-SIZE: 1em; WORD-SPACING: normal; TEXT-TRANSFORM: none; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; LETTER-SPACING: normal; TEXT-DECORATION: none
}
H6 {
	FONT-WEIGHT: 700; FONT-SIZE: 0.8em; WORD-SPACING: normal; TEXT-TRANSFORM: none; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; LETTER-SPACING: normal; TEXT-DECORATION: none
}
TFOOT {
	FONT-SIZE: 1em; WORD-SPACING: normal; TEXT-TRANSFORM: none; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: normal
}
THEAD {
	FONT-SIZE: 1em; WORD-SPACING: normal; TEXT-TRANSFORM: none; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: normal
}
TH {
	FONT-WEIGHT: bold; FONT-SIZE: 1em; WORD-SPACING: normal; VERTICAL-ALIGN: baseline; TEXT-TRANSFORM: none; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: normal
}
A:link {
	TEXT-DECORATION: none;
}
A:visited {
	TEXT-DECORATION: none
}
A:active {
	TEXT-DECORATION: none
}
A:hover {
	COLOR: firebrick; TEXT-DECORATION: underline
}
SMALL {
	FONT-SIZE: 0.7em
}
BIG {
	FONT-SIZE: 1.17em
}
BLOCKQUOTE {
	FONT-FAMILY: Courier New, monospace
}
PRE {
	FONT-FAMILY: Courier New, monospace
}
UL LI {
	LIST-STYLE-TYPE: square
}
UL LI LI {
	LIST-STYLE-TYPE: disc
}
UL LI LI LI {
	LIST-STYLE-TYPE: circle
}
OL LI {
	LIST-STYLE-TYPE: decimal
}
OL OL LI {
	LIST-STYLE-TYPE: lower-alpha
}
OL OL OL LI {
	LIST-STYLE-TYPE: lower-roman
}
TR.menu TD {
	FONT-SIZE: 12px; COLOR: #ffffff
}
TR.menu TD A:hover {
	FONT-SIZE: 12px; COLOR: #ffffff
}
TR.menu TD A {
	FONT-SIZE: 12px; COLOR: #ffffff
}
TR.menu TD A:visited {
	FONT-SIZE: 12px; COLOR: #ffffff
}
TR.menu TD A:active {
	FONT-SIZE: 12px; COLOR: gainsboro; TEXT-DECORATION: underline
}
A.iemail {
	PADDING-LEFT: 16px; FONT-SIZE: 9px; BACKGROUND-IMAGE: url(images/iemail.gif); COLOR: #000000; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Verdana, Helvetica, sans-serif; TEXT-ALIGN: left
}
A.iweb {
	PADDING-LEFT: 16px; FONT-SIZE: 9px; BACKGROUND-IMAGE: url(images/iweb.gif); COLOR: #000000; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Verdana, Helvetica, sans-serif; TEXT-ALIGN: left
}
A.ibullet {
	PADDING-LEFT: 16px; FONT-SIZE: 9px; BACKGROUND-IMAGE: url(images/ibullet.gif); COLOR: #000000; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Verdana, Helvetica, sans-serif; TEXT-ALIGN: left
}
A.ibbullet {
	PADDING-LEFT: 16px; FONT-SIZE: 9px; BACKGROUND-IMAGE: url(images/ibbullet.gif); COLOR: #000000; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Verdana, Helvetica, sans-serif; TEXT-ALIGN: left
}
A.ilock {
	PADDING-LEFT: 16px; FONT-SIZE: 9px; BACKGROUND-IMAGE: url(images/ilock.gif); COLOR: maroon; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Verdana, Helvetica, sans-serif; TEXT-ALIGN: left
}
A.iblock {
	PADDING-LEFT: 16px; FONT-SIZE: 9px; BACKGROUND-IMAGE: url(images/iblock.gif); COLOR: maroon; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Verdana, Helvetica, sans-serif; TEXT-ALIGN: left
}
A.isave {
	PADDING-LEFT: 30px; FONT-SIZE: 9px; BACKGROUND-IMAGE: url(images/ipdf.gif); COLOR: #000000; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Verdana, Helvetica, sans-serif; HEIGHT: 23px; TEXT-ALIGN: left
}
A.ixcel {
	PADDING-LEFT: 30px; FONT-SIZE: 9px; BACKGROUND-IMAGE: url(images/ixcel.gif); COLOR: #000000; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Verdana, Helvetica, sans-serif; HEIGHT: 23px; TEXT-ALIGN: left
}
A.iword {
	PADDING-LEFT: 30px; FONT-SIZE: 9px; BACKGROUND-IMAGE: url(images/iword.gif); COLOR: #000000; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Verdana, Helvetica, sans-serif; HEIGHT: 23px; TEXT-ALIGN: left
}
A.ihere {
	PADDING-LEFT: 30px; FONT-SIZE: 9px; BACKGROUND-IMAGE: url(images/ihere.gif); color: black; BACKGROUND-REPEAT: no-repeat; background-position: left center   ; FONT-FAMILY: Verdana, Helvetica, sans-serif; font-weight:bold ;  HEIGHT: 23px; TEXT-ALIGN: left
}
.ms {
	BORDER-RIGHT: silver 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: silver 1px solid; PADDING-LEFT: 10px; VISIBILITY: hidden; PADDING-BOTTOM: 10px; BORDER-LEFT: silver 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: silver 1px solid; POSITION: absolute; BACKGROUND-COLOR: #000000
}
.msdoc {
	BORDER-RIGHT: silver 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: silver 1px solid; PADDING-LEFT: 10px; VISIBILITY: hidden; PADDING-BOTTOM: 10px; BORDER-LEFT: silver 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: silver 1px solid; POSITION: absolute; BACKGROUND-COLOR: whitesmoke
}
a.specialLink:link { color: black; }
a.specialLink:visited { color: black; }
a.specialLink:hover { color: black; }


.otherlink
{
    color: #dedede;
}
.logout_link
{

    width: 220px;
    cursor: pointer;
    background: #ed1c24;s
    border: none;
    border-radius: 5px;
    color: #fff;
    padding: 5px;
    transition: all 0.3s ease;
    text-decoration: none;
}
.logout_link:hover{
    width: 220px;
    cursor: pointer;
    background: #222;
    border: none;
    border-radius: 5px;
    color: #fff;
    padding: 5px;
    text-decoration: none;
}




a.otherlink:link
{
    color: #dedede;
}
a.otherlink:visited
{
    color: #dedede;
}
a.otherlink:hover
{
    color: #dedede;
}





.content {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color:#000000;
background-color:#ddd;
padding: 10px;

}

.bar1bg {
background:#ffffff url(../images/bar1_bg.jpg);
padding-left: 10px;
text-align:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#FFFFFF;
}

.bar2bg {
background:#ffffff url(../images/bar2_bg.jpg);
padding-left: 10px;
text-align:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color:#FFFFFF;
}

.bar3bg {
background:#ffffff url(../images/bar3_bg.jpg);
}

.bar4bg {
background:#ffffff url(../images/bar4_bg.jpg);
padding-left: 10px;
text-align:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#FFFFFF;
}

.footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:#222;
padding-top:30px;
padding-bottom:30px;
text-align:center;
bottom: 0px;
position: relative;
width: 100%;
background: #ddd;
}

.table_a 
{
    vertical-align: top;
    text-align:left ;
}

.table_b
{
    vertical-align:top;
    text-align:left;
    font-size:small;
}

.table_c
{
    font-size:smaller;
}

.table_d
{
    vertical-align:top;
    text-align:left;
    font-size:smaller;
}

.table_report
{
    border-collapse:collapse  ;
    border-style:solid;
    border-width:medium ;
    
}


/*2012/05/24: New finer table border lines */
table.table_e {
	border-width: 1px;
	border-spacing: 2px;
	border-style: outset;
	border-color: black;
	border-collapse: collapse;
	/*background-color: white;*/
	/*font-size:small;*/
}
table.table_e th {
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
	/*background-color: white;*/
	-moz-border-radius: 0px 0px 0px 0px;
	/*font-size:small;*/
}
table.table_e td {
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
	/*background-color: white;*/
	-moz-border-radius: 0px 0px 0px 0px;
	/*font-size:small;*/
}

/* Data Web Control Styles */

.DataWebControlStyle
{
    font-size: small ;
}

.HeaderStyle
{
    background-color: #c75354;
    color: White;
    font-weight: bold;
}
.HeaderStyle:link {
     color:White  ;	TEXT-DECORATION: none
}
.HeaderStyle:visited {
	color:White ;	TEXT-DECORATION: none
}
.HeaderStyle:active {
	color:White ;	TEXT-DECORATION: none
}
.HeaderStyle:hover {
	color:White ;	TEXT-DECORATION: none
}
.HeaderStyle:A {
     color:White  ;	TEXT-DECORATION: none
}

.AlternatingRowStyle
{
    background-color: #ffffff; 
}

.RowStyle
{
}

.TRNtext
{
    font-size:smaller;
    text-align:right;
    height:10px;
}

/* AJAX Control Styles */

.watermark {
	background: #FFAAFF;
}

.popupControl {
	background-color:#000000;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.modalBackground {
	background-color:#2c8db3;
	filter:alpha(opacity=60);
	opacity:0.6;
}

.modalPopup {
	background-color:#FFFFFF;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus
{
    background-color: #d0f2ff;
    color: #000000;
}
.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffcccc;
}
.MaskedEditFocusNegative
{
    background-color: #ffffff;
    color: #000000;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
}


/************* Main Menu Settings *********************/
.MainMenu
{
    background: #222;
    padding: 5px;
    cursor: pointer;
    font-family: Arial, sans-serif;
    box-shadow: rgba(0,0,0,0.1) 0px 1px 2px;
    border-radius: 3px;
    text-align: center;
    /*border: 1px solid #333;*/
    margin: 10px;
    color: #fff;
    transition: all 0.3s ease;
}
.MainMenu:hover{
    color: #fff;
    background: #ed1c24;
}
.MainMenuDropDown
{
    background: #d0f2ff;
    margin: 0px; 
    white-space: nowrap; 
    filter:alpha(opacity=60);
	opacity:0.6;
}








/*************** Modal Loading message ***********************/

#progressBackgroundFilter {
    position:fixed; 
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    overflow:hidden; 
    padding:0; 
    margin:0; 
    background-color:#000; 
    filter:alpha(opacity=50); 
    opacity:0.5; 
    z-index:1000; 
}

#processMessage { 
    position:fixed; 
    top:30%; 
    left:43%;
    padding:10px; 
    width:20%; 
    z-index:1001; 
    background-color:#fff;
    border:solid 1px #000;
}











