html, body {
padding:0px;
font-family:'arial';
font-size:14px;
margin:0px;

}
img{
border:0px;
}

h1{
font-size:17px;
margin:4px;
}
#content {
padding:10px;

}
.wite{
min-height:420px;
}

div#menu{
background:#2165A9;
height:50px;
width:100%;

}

.menulink{
float:left;
padding:10px;
background:#2165A9;
font-style:arial;
color:#ffffff;
height:25px;

}
.menulink:hover{
background:#7cbdff;

}

a{
color:#0d1636;
text-decoration:none;

}
a:hover{
text-decoration:underline;
}
#result{
color:#267F00;
background:#FEF5CD;
padding:10px;
margin:10px;
margin-left:0px;
width:500px;
}


#menu a{
padding:0px;
margin-right:5px;
font-style:arial;
font-size:18px;
color:#eeeeee;
text-decoration:none;

}
#menu a:hover{
text-decoration:underline;
color:#212121;
}


#data_list th{
background:#2165A9;
color:#ffffff;
padding:4px;
}
#data_list tr:hover{
background:#dddddd;

}

#data_list td{
border-bottom:1px solid #dddddd;
}

table#formdata{
border:1px solid #dddddd;
background:#ffffff;
width:800px;
padding:4px;
margin-top:10px;
-webkit-box-shadow: 10px 10px 5px 1px rgba(143,141,143,1);
-moz-box-shadow: 10px 10px 5px 1px rgba(143,141,143,1);
box-shadow: 10px 10px 5px 1px rgba(143,141,143,1);
}

input#radiobtn{
border:2px solid #212121;
}

table#detail{
border:1px solid #dddddd;
width:800px;
padding:4px;
margin-top:10px;

margin-bottom:5px;
}

#detail td{
padding:4px;
}
#detail tr:hover{

}

#footer{
padding:10px;
background:#2165A9;
width:100%;
color:#fff;
text-align:right;
}

div#left_div{
float:left;
}

div.count_btn{
cursor:pointer;
float:left;
width:16px;
height:20px;
background:#212121;
color:#ffffff;
margin:3px;
padding:4px;
font-size:18px;
font-family:'arial';
border-radius:3px;

}

.hidequestion{
visibility:hidden;
display:none;
}
.showquestion{

}


table.showquestion{
border:1px solid #dddddd;
width:800px;
padding:4px;
margin-top:10px;
}

.showquestion td{
border-bottom:1px solid #dddddd;
padding:4px;
}
.showquestion tr:hover{
background:#dddddd;
}


table.hidequestion{
border:1px solid #dddddd;
width:800px;
padding:4px;
margin-top:10px;
}

.hidequestion td{
border-bottom:1px solid #dddddd;
padding:4px;
}
.hidequestion tr:hover{
background:#dddddd;
}


div.category_box{
border:1px solid #d4e0ed;
width:110px;
padding:4px;
background:#e4edf7;
float:left;
margin-right:5px;
font-size:14px;
color:#000000;
font-family:arial;
font-weight:bold;
cursor:pointer;
}


.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */


div#qbank{
display:none;
visibility:hidden;
z-index:1000;
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
background:#ffffff;
overflow-y:scroll;

}


/*  select css */
.styled-select {
   height: 29px;
   overflow: hidden;
   width: 240px;
float:left;
margin-right:10px;
}

.styled-select select {
   background: #dddddd;
   border: none;
   font-size: 14px;
   height: 29px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   width: 268px;
}

.styled-select.slate {
   height: 34px;
   width: 240px;
}

.styled-select.slate select {
   border: 1px solid #ccc;
   font-size: 16px;
   height: 34px;
   width: 268px;
}

/* -------------------- Rounded Corners */
.rounded {
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
}

.semi-square {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

/* -------------------- Colors: Background */
.slate   { background-color: #212121; }
.green   { background-color: #779126; }
.blue    { background-color: #2165A9; }
.yellow  { background-color: #7E0A0A; }
.black   { background-color: #212121; }

/* -------------------- Colors: Text */
.slate select   { color: #000; }
.green select   { color: #fff; }
.blue select    { color: #fff; }
.yellow select  { color: #fff; }
.black select   { color: #212121; }


#mainselection select {
   border: 0;
   color: #EEE;
   background: transparent;
   font-size: 20px;
   font-weight: bold;
   padding: 2px 10px;
   width: 378px;
   *width: 350px;
   *background: #58B14C;
   -webkit-appearance: none;
}

#mainselection {
   overflow:hidden;
   width:350px;
   -moz-border-radius: 9px 9px 9px 9px;
   -webkit-border-radius: 9px 9px 9px 9px;
   border-radius: 9px 9px 9px 9px;
   box-shadow: 1px 1px 11px #330033;
}


/* -------------------- Select Box Styles: stackoverflow.com Method */
/* -------------------- Source: http://stackoverflow.com/a/5809186 */
select#soflow, select#soflow-color {
   -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
    background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: inherit;
   margin: 20px;
   overflow: hidden;
   padding: 5px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 300px;
}

select#soflow-color {
   color: #fff;
    background-color: #779126;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   padding-left: 15px;
}


/*  select css ends */



/* button */

 .button-success,
        .button-error,
        .button-warning,
        .button-secondary {
            color: #ffffff;
            font-family:arial;
            font-size:16px;
            font-weight:bold;
            border-radius: 4px;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
            padding:5px 10px 5px 10px;
        
        }
	.button-secondary{
	
	}
        .button-success {
            background: #158931; /* this is a green */
        }

        .button-error {
            background: rgb(202, 60, 60); /* this is a maroon */
        }

        .button-warning {
            background: rgb(223, 117, 20); /* this is an orange */
        }

        .button-secondary {
            background: rgb(66, 184, 221); /* this is a light blue */
        }
        
        
        
        
/* table css
*/
.CSSTableGenerator {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-bottom-left-radius:5px;
	
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-right-radius:5px;
	
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
	
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-left-radius:5px;
}.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-right-radius:5px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-left-radius:5px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-bottom-left-radius:5px;
}.CSSTableGenerator tr:hover td{
	
}
.CSSTableGenerator tr:nth-child(odd){ background-color:#f9f8cf; }
.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }.CSSTableGenerator td{
	vertical-align:middle;
	
	
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:10px;
	font-size:13px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{


	background-color:#2165A9;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
		background-color:#2165A9;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}



/* tooltip */
a.tooltip {outline:none; } a.tooltip strong {line-height:30px;} a.tooltip:hover {text-decoration:none;} a.tooltip span { z-index:10;display:none; padding:14px 20px; margin-top:20px; margin-left:-125px; width:240px; line-height:16px; } a.tooltip:hover span{ display:inline; position:absolute; border:2px solid #FFF; color:#EEE; background:#000 url(images/css-tooltip-gradient-bg.png) repeat-x 0 0; } .callout {z-index:20;position:absolute;border:0;top:-14px;left:120px;} /*CSS3 extras*/ a.tooltip span { border-radius:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-box-shadow: 0px 0px 8px 4px #666; -webkit-box-shadow: 0px 0px 8px 4px #666; box-shadow: 0px 0px 8px 4px #666; opacity: 0.8; }