/* Lato is nice */
body
{
	font-family:'Lato',Ariel,sans-serif;
	color:#486278;
	font-size:11pt;
	font-weight:thin;
	background-color:#FFF
}

A:link {
	color:#0000E0;
	font-weight:normal;
	font-size:11pt
}

A:visited {
	color:#585DAB
}

A:active {
	color:black
}

A:hover {
	color:red;
}

.signin {
    *border-collapse: collapse; /* IE7 and lower */
	background-color:#F8F8F8;
	padding:15px;
    border-spacing:0;
    border:solid #486278 2px;
    -moz-border-radius:9px 9px 9px 9px;
    -webkit-border-radius:9px 9px 9px 9px;
    -ms-border-radius:9px 9px 9px 9px;
    -o-border-radius:9px 9px 9px 9px;
    border-radius:9px;

    -webkit-box-shadow:0 4px 29px #CCC;
    -moz-box-shadow:0 4px 29px #CCC;
    -ms-box-shadow:0 4px 29px #CCC;
    -o-box-shadow:0 4px 29px #CCC;
    box-shadow:0 4px 29px #CCC;
}

.textbox {
	color:#660808;
	background-color:#EEE;
	border:1px #C2B2D2 solid;
	height:21px;
	font-family:'Lato',Ariel,sans-serif;
	font-size:11pt;
	font-weight:normal;
	padding:2px;
}

.textbox:hover {
	border-color:#005F83; 
    background-color:#DDD;
}

.textbox:focus {
	border:2px #C2B2D2 solid;
	padding:1px;
}

.textbox-vo {
	color:#660808;
	border:0px;
	height:21px;
	font-family:'Lato',Ariel,sans-serif;
	font-size:11pt;
	font-weight:normal
}

.checkopt {
	color:#660808;
	border:0
}

.checkopt:hover {
    cursor:pointer
}

.checkopt-vo {
	color:#660808;
	border:0px;
	height:18px
}

.listbox {
	color:#660808;
	background-color:#CCC;
	border:1px #888 solid;
	height:28px;
	width:100%;
	font-family:'Lato',Ariel,sans-serif;
	font-size:11pt;
	font-weight:normal;
	padding:2px;
}

.listbox:hover {
	background-color:#EEE;
	border-color:#CCC
}

.button {
	color:white;
	background:#631734;
	width:130px;
	font-family:'Lato',Ariel,sans-serif;
	font-size:11pt;
	height:33px;
	border-top:1px solid #CCF;
	border-left:1px solid #CCF;
	border:1px solid #321;
 }

.button:hover {
	color:white;
	background:#6B1F3C;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-bottom: 1px solid #CCF;
	border-right: 1px solid #CCF;
	cursor:pointer;

    -webkit-box-shadow:2px 2px 6px #005F83; 
    -moz-box-shadow:2px 2px 6px #005F83; 
    -ms-box-shadow:2px 2px 6px #005F83; 
    -o-box-shadow:2px 2px 6px #005F83; 
	box-shadow:2px 2px 6px #005F83
}

.message {
	color:#487081;
	font-family:'Lato',Ariel,sans-serif;
	font-size:11pt;
	font-weight:normal
}

.redstar {
	color:red; width:10px;
}

.right_note {
	width:35%;
	color:#666;
	text-align:left;
	font-family:'Lato',Ariel,sans-serif;
	font-size:11pt;
	font-weight:normal
}

.greyed_textbox {
	color:#888;
	font-family:'Lato',Ariel,sans-serif;
	font-size:11pt;
	font-weight:normal
}

.tbl_hdr {
	color:white;
	background:#486278
}

.tbl_partition {
	text-align:center; 
	font-weight:normal; 
	color:white;
	background:#486278
}

.head_lbl1 {
	color:#999;
	font-family:'Lato',Ariel,sans-serif;
	font-size:8pt;
	font-weight:normal;
}

.head_lbl2 {
	color:#000;
	font-family:'Lato',Ariel,sans-serif;
	font-size:12pt;
	text-transform:uppercase;
	font-weight:normal;
}

.head_lbl3 {
	color:#000;
	font-family:'Lato',Ariel,sans-serif;
	font-size:12pt;
	font-weight:normal;
}

.scrolldiv {
	cursor:wait;
	margin: 0 0 0 0%;
	width:100%;
	height:50px;
	border:0;
	padding:0;
	overflow:auto;
}

.scrolledit {
	cursor:wait;
	margin:0;
	width:100%;
	height:50px;
	border:0;
	padding:0;
	overflow:auto;
}

.scrolltbl {
	border:1px solid #005F83
}

.c {
	text-align:center
}

.l {
	text-align:left
}

.r {
	text-align:right
}

.c1 {
	width:1%; 
	text-align:center
}

.l1 {
	width:1%;
	text-align:left
}

.r1 {
	width:1%;
	text-align:right
}


.layercake {
    *border-collapse: collapse; /* IE7 and lower */
   	color:#321;

    border-spacing:0;
    border:solid #666 1px;
    -moz-border-radius:9px 9px 9px 9px;
    -webkit-border-radius:9px 9px 9px 9px;
    -ms-border-radius:9px 9px 9px 9px;
    -o-border-radius:9px 9px 9px 9px;
    border-radius:9px;

    -webkit-box-shadow:0 4px 9px #CCC;
    -moz-box-shadow:0 4px 9px #CCC;
    -ms-box-shadow:0 4px 9px #CCC;
    -o-box-shadow:0 4px 9px #CCC;
    box-shadow:0 4px 9px #CCC;
}

.layercake td {
	color:#321;
	border-right: 1px solid #FAFAFA;
}

.layercake td, .layercake th {
	color:#321;
    padding:5px;
    border-bottom:1px solid #eaeaea;  
    height:18px;
    font-size:11pt;
    font-family:'Lato',Ariel,sans-serif;
}

.layercake th {
 	color:#FFF;
    text-align:left;
    text-shadow:1px 1px #000; 
    border-bottom:1px solid #ccc;
    background-color:#486278;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#486278), to(#CCC));
    background-image: -webkit-linear-gradient(top, #486278, #CCC);
    background-image:    -moz-linear-gradient(top, #486278, #CCC);
    background-image:     -ms-linear-gradient(top, #486278, #CCC);
    background-image:      -o-linear-gradient(top, #486278, #CCC); 
    background-image:         linear-gradient(top, #486278, #CCC)
}

.heading_label {
	font-family:'Lato',Ariel,sans-serif;
	color:#321; 
	font-size:26px; 
	font-weight:300;
	padding-top:20px;
}

.tablehead {
	font-family:'Lato',Ariel,sans-serif;
	color:#000; 
	font-size:26px; 
	font-weight:300;
	width:100%;
	margins:auto;
	text-align:center
}

.tablelinks {
	font-family:'Lato',Ariel,sans-serif;
	width:100%;
	margins:auto;
	text-align:center
}