@charset "utf-8";
/* CSS Document */

<!--
body {
font: calibri;
color: #000;
/*background-image: url('images/bg.png');    */
/*background-color:#5f99e6;*/
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-top: 0px;
padding: 0px;
/*background-size: 100% 100%;*/
background-repeat: no-repeat;
}

.logo 		{background-color: white; height: 60px;}
.maintable  {font-family: calibri; font-size: 20px; color: rgb(34, 34, 34);}
.whitetable {font-family: calibri; font-size: 20px; color: rgb(34, 34, 34); background-color:#FFF;}
.h1  		{font-family: calibri; font-size: 35px; color: rgb(34, 34, 34);}
.h2  		{font-family: calibri; font-size: 18px; color: #66F;}
.h3  		{font-family: calibri; font-size: 40px; color: #F00;}
.h4  		{font-family: calibri; font-size: 27px; color: rgb(34, 34, 34);}
.footer		{font-family:calibri; font-size:12px; color:#333; text-align:center; padding-top:50px; padding-bottom:14px;}


.title_tr	{font-family: calibri; font-size: 16px; color: #000; background-color:#c5def9; height: 35px;}
.line		{height: 42px; border-bottom:#c5def9 solid 1px; padding-top: 5px;}
.mod		{height: 42px; border-bottom:#c5def9 solid 1px; padding-top: 5px; background-color:#FFC;}
.req		{font-family: calibri; font-size: 20px; color: #F00; height: 42px;}
.reqd        {font-family: calibri; font-size: 16px; color: #F00; height: 35px;}
.nreq		{font-family: calibri; font-size: 20px; color: #00F; height: 42px;}
.dline		{border-bottom:#999 solid 1px;}

.green_col{font-family: calibri; font-size: 16px; color: #0bc626; height: 35px;}
.blue_col{font-family: calibri; font-size: 16px; color: #4BA3FF; height: 35px;}
.green_col20{font-family: calibri; font-size: 20px; color: #0bc626; height: 35px;}
.title_tr1	{font-family: calibri; font-size: 16px; color: #000; background-color:#ddd; height: 35px;}



#white-box {
border-radius: 7px;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
background: rgba(248, 250,253, 0.94); 
width: 98%;
/*height: 400px !important;   */
margin-left: 1%;
/*margin-top: 30px;
padding-bottom: 20px;  */

}


.slink a:link	{font-family: calibri; font-size:20px; color: #66F; text-decoration: none; font-weight:normal;}
.slink a:active	{font-family: calibri; font-size:20px; color: #66F; text-decoration: none; font-weight:normal;}
.slink a:visited	{font-family: calibri; font-size:20px; color: #66F; text-decoration: none; font-weight:normal;}
.slink a:hover	{font-family: calibri; font-size:20px; color: #F00; text-decoration: none; font-weight:normal;}


.input {
	padding-left: 10px;
    border: 1px solid #CCC;
    border-radius: 4px;
	margin-bottom: 2px;
	font-family: calibri;
	*color: rgba(200, 198, 198, 1);
	font-size: 15px;
	height: 25px;

}

.input_box {
    padding-left: 15px;
    border: 1px solid #CCC;
    border-radius: 4px;
    margin-bottom: 8px;
    font-family: calibri;
    *color: rgba(200, 198, 198, 1);
    font-size: 20px;
    height: 40px;

}

.input:focus { 
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}

.textBox {
	padding-left: 10px;
    border: 1px solid #CCC;
    border-radius: 4px;
	margin-bottom: 2px;
	font-family: calibri;
	*color: rgba(200, 198, 198, 1);
	font-size: 15px;
	height: 20px;

}

.textBox:focus { 
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}

.radio {
	height: 15px;
}


.select {
	padding-left: 15px;
    border: 1px solid #CCC;
    border-radius: 4px;
	margin-bottom: 8px;
	font-family: calibri;
	*color: rgba(200, 198, 198, 1);
	font-size: 15px;
	height: 25px;
}


.select:focus { 
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}


.action-button {
	width: 100px;
	background: none repeat scroll 0% 0% #3DAE38;
	color: #FFF;
	border: 0px none;
	border-radius: 4px;
	cursor: pointer;
	padding: 6px 3px;
	/*margin: 17px 2px;*/
	font-family: calibri;
	font-size: 21px;
/*	margin-left:-25px;*/
}

.action-button:hover, #msform .action-button:focus {
	box-shadow: 0 0 0 2px white, 0 0 0 3px #5188E0;
	background-color:#5984D0;
}

.textarea {
	padding-left: 15px;
    border: 1px solid #CCC;
    border-radius: 4px;
	margin-bottom: 8px;
	font-family: calibri;
	*color: rgba(200, 198, 198, 1);
	font-size: 20px;
}

.arial10	{font-family:calibri; font-size:10px; color: #666666; font-weight:normal; text-align:left;}
.arial11	{font-family:calibri; font-size:11px; color: #7f7f7f; font-weight:bold; text-align:center;}
.arial14	{font-family:calibri; font-size:14px; color: #3dae38; font-weight:bold; text-align:left; padding-left:3px;}
.red_class	{font-family:calibri; font-size:14px; color: #FA5858; font-weight:bold; text-align:left; padding-left:3px;}
.blue_class	{font-family:calibri; font-size:14px; color: #3dae38; font-weight:bold; text-align:left; padding-left:3px;}
.hand	{cursor:pointer;}
.container	{ padding-top:25px; }

/****** ACCOUNT MANAGEMENT ******/

.listtable  {font-family: calibri; font-size:13px; color: rgb(34, 34, 34); 
border-radius: 7px;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4); padding-top : 8px; background-color: #FFF;}

.wel  		{font-family: calibri; font-size: 15px; color: rgb(34, 34, 34); font-weight:bold;}

.bline		{height: 30px; border-bottom:#c5def9 solid 1px; padding-top: 1px;}
.tline		{border-top:#c5def9 solid 1px; padding-top: 1px;}
.wline		{border-bottom:#FFF solid 1px; padding-top: 1px;}
.rline		{border-right:#FFF solid 1px; padding-top: 1px;}

.title		{font-family: calibri; font-size: 20px; color: #000; background-color:#c5def9; height: 42px; padding-top: 1px;}
.stitle		{font-family: calibri; font-size: 20px; color: #000; background-color:#c5def9; padding-top: 1px;}
.t1  		{font-family: calibri; font-size: 20px; color: #005580;}


.topl a:link	{font-family: calibri; font-size:13px; color: #66F; text-decoration: none; font-weight:normal;}
.topl a:active	{font-family: calibri; font-size:13px; color: #66F; text-decoration: none; font-weight:normal;}
.topl a:visited	{font-family: calibri; font-size:13px; color: #66F; text-decoration: none; font-weight:normal;}
.topl a:hover	{font-family: calibri; font-size:13px; color: #F00; text-decoration: none; font-weight:normal;}


#list-box {
border-radius: 7px;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
margin-top: 46px;
padding-bottom: 34px;
background: none repeat scroll 0% 0% #FFF;
margin-left: 2%;
margin-right: 2%;
background: rgba(248, 250,253, 0.99);
}


.notes1{
    position: absolute;
    display:none;
    left: 420px;
    background-color: #fff;
    border: 1px solid #BCD1F5;
    padding: 8px;
    z-index:500;
}

.small-button {
	height: 30px;
	background: none repeat scroll 0% 0% #ffd824;
	color: #333;
	border: 0px none;
	border-radius: 4px;
	cursor: pointer;
	padding: 0px 10px 0px 10px;
	margin: 1px 1px;
	font-family: calibri;
	font-size: 21px;
/*	margin-left:-25px;*/
}
.small-button:hover, too-small-button:hover, #msform .action-button:focus {
	box-shadow: 0 0 0 2px white, 0 0 0 3px #5188E0;
	background-color:#5984D0;
}


.required {
    color:#cc0000;
}

.grey_tr{
	background-color:#f0f4f9;  
}



/* CHECKBOX */
.check {
	width: 20px;
	height: 20px;
	margin: 0px auto;
	position: relative;
}