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


div.content {
   /* border: #48f solid 3px;*/
    clear: left;
    /*padding: 1em;*/
}
input[type="radio"], input[type="checkbox"]  
{
	 float:left;
     margin: 4px 5px 0 0;
	 
}
div.content.inactive {
	display: none;
}
a
{
	text-decoration:none;
	cursor:pointer;
}
a:hover
{
	text-decoration:underline;
}
#leftpanel{
/*	width:1080px;*/
	/*padding:0px;
	margin:0px;
	float:left;*/
}
.leftside
{
	/*width:360px;*/
	padding:0px;
	margin:0px;
	float:left;
	border-right:1px solid #ccc;
}
.rightside
{
	/*width:675px;*/
	padding:0px;
	margin:0px;
	float:right;
}
h2
{	margin:0px;
	padding:10px 0 5px 0;
	font-size:20px;
	font-weight:normal;
}
#rightpanel{
	/*width:675px;*/
	padding:0px 0 0 5px;
	margin:32px 0 0 0;
	float:right;
	border:1px solid #000;
}
.clr, .clear{
	clear:both;
}
input[type="text"], textarea
{
border: 1px solid #e5e5e5;
    padding: 5px 0 5px 5px;
    background: #f7f7f7;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus{border: 1px solid #378852;}
select
{
border: 1px solid #e5e5e5;
    padding: 5px 0 5px 5px;
    background: #f7f7f7;
}
TABLE.gridCSS
{
    width: 100%;
    border: 1px solid #C1DAD7;
}
TABLE.gridCSS th
{
    font: bold 11px Arial, Verdana, Helvetica, sans-serif;
    color: #ffffff;
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    border-top: 1px solid #C1DAD7;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    padding: 6px 6px 6px 8px;
    background:#494949;
}
TABLE.gridCSS td
{
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    background: #fff;
    padding: 6px 6px 6px 12px;
    color: #4f6b72;
}
TABLE.gridCSS td.alt
{
    background: #F5FAFA;
    color: #797268;
}
TABLE.gridCSS td.boldtd
{
    font: bold 13px Arial, Helvetica, sans-serif;
    background: #D5EDEF;
    color: #797268;
}


#table_section {
	margin:0px;
	padding:0px;
	list-style:none;
}

#table_section li{
	margin:0px 0 7px 0;
	padding:0px;
	display:block;
	cursor:pointer;
	padding:2px;
	position:relative;
	clear:both;
	border:1px solid #fff;
	background:none;
}
#table_section li:hover{
	display:block;
	border:1px dotted #000;
	background:#DFEFFF;
}
#table_section li label{
	margin:0px 0 10px 0;
	min-width:35%;
	padding:0px 0 0 0;
	float:left;	

}
#table_section li .control_field{
	margin:0px;
	padding:0px;
	float:left;
	width:65%;
}
#table_section li .control_field_full{
	margin:0px;
	padding:0px;
	float:left;
	width:100%;
}
.editedicon
{
	position:absolute;
	display:none;
	bottom:-5px;
	right:5px;
	padding:5px 5px 0 5px;
	background:#ffffff;
	box-shadow: 0px 0px 5px #888888;
	border-radius:8px;
}
#table_section li:hover .editedicon{
	display:block;

}
.singlecolumn
{
	margin:0px;
	padding:0px;
}
.singlecolumn div
{
	margin:0px;
	float:left;
	width:100%;
	padding:0px;
	display:block;
	height:25px;
}
.twocolumn
{
	margin:0px;
	padding:0px;
}
.twocolumn div
{
	margin:0px;
	float:left;
	width:48%;
	padding:0px;
	display:block;
	height:30px;
}
.threecolumn
{
	margin:0px;
	padding:0px;
}
.threecolumn div
{
	margin:0px;
	float:left;
	width:32%;
	padding:0px;
	display:block;
	height:30px;
}
.sideby
{
	margin:0px;
	padding:0px;
}
.sideby div
{
	margin:0px;
	float:left;
	padding:0px 10px 0 0;
	display:block;
	height:30px;
}
.chkChoiceLabel
{
display: block;
cursor: pointer;
margin: -19px 0 0 23px;
padding: 0 0 5px 0;
}
.radioChoiceLabel
{
display: block;
cursor: pointer;
margin: -17px 0 0 23px;
padding: 0 0 5px 0;
}
.form_icons
{
	float:left;
	margin:0px 0 0 140px;
	border:1px solid #cccccc;
	border-radius:5px;
	padding:10px 35px 10px 35px;
	text-align:center;
}
.form_icons a
{
	color:#124536;
}


@media screen and (min-width:250px) and (max-width:667px) {
#table_section li label{width:90%;}
#table_section li .control_field{width:100% !important;}
.formobileclass tr td:nth-child(1) input[type="text"]{width:75px !important;}
.formobileclass tr td:nth-child(2) input[type="text"]{width:85px !important;}
.formobileclass tr td:nth-child(3) input[type="text"]{width:100px !important;}
#table_section li{margin-bottom:10px !important;}
#table_section li label{margin:0 0 0 0 !important;}
input[type="text"], textarea, select{width:100%!important;}
.threecolumn div, .twocolumn div{width:100%;}
}