﻿body {
        margin: 0;
        padding: 0;
        background-color:#E4E2EB;        
}
#container {
	margin: 0px;
	/*padding: 20px;*/
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
    min-width: 760px;
}


#content {

    width: 900px;
    min-height:680px;
    margin: 0 auto;
    text-align: left;
    background-color: #FFFFFF;
    box-shadow: 0px 5px 10px 10px #A4A4A4;
}

#div_center {

    text-align: center;
}

#paddeddiv {
	padding: 10px;
}

.heading_gray {
	color: #424242;
	font-size:1.1em;
	font-weight:bold;
}

.heading_gray_l {
	color: #424242;
	font-size:1em;
	font-weight:bold;
	text-decoration:underline;
}

.div_heading
{
	background-color:#A9F5BC;
	text-align:center; 
	font-weight:bold;
	font-size:150%; 
	height:25px;
	color:#424242;
}

.div_bkground
{
	background-color:#AADBDF ;
	text-align:left; 
	font-weight:bold; 
	padding:2px;
}

.div_light
{
	background-color:#ddffff;
	font-weight:bold; 
}

.div_light_c
{
	background-color:#ddffff;
	font-weight:bold; 
	text-align:left;
	padding:4px 0px 0px 10px;
	height:18px;
	border-bottom:solid 1px Gray;
}

.div_padding
{
	padding-left:20px;
}

.div_header
{
	border-width: 4px; 
	border-style: double; 
	border-color: Black; 
	height: 30px; 
	text-align:center; 
	vertical-align:middle;
}

.div_header_25
{
	border-width: 4px; 
	border-style: double; 
	border-color: Black; 
	height: 25px; 
	text-align:center; 
	vertical-align:middle;
}

.div_border_light
{
	border-width: 2px; 
	border-style: solid; 
	border-color:Gray;
	padding: 10px;
}

.div_border
{
	border-width: 2px; 
	border-style: solid; 
	border-color: Black; 
	text-align: left;
	padding: 20px;
}

.div_border_gray
{
	border-width: 1px; 
	border-style: solid; 
	border-color: #6E6E6E;
}

#overlay {
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     font-family: Verdana, Helvetica, sans-serif;
     z-index: 1000;
     background-image: url(../images/overlay.png);
}

#overlay div {
     width:300px;
     margin: 100px auto;
     background-color: #fff;
     border:2px solid #000;
     padding:15px;
     text-align:center;
}

.alert 
{
	color:Red;
}

.button_type 
{
	background-color:#99CCFF;
	color:Black;
	font-weight:bold;
	padding:5px;
}

.breadcrumb 
{
	color:#00aaff;
	font-weight:bold;
	font-style:normal;
}

tr.alt td {
	background-color: #ecf6fc;
}

tr.myDragClass td {
    color: yellow;
    background-color: black;
}



#drag_table {
	width:600px;
	/*background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;*/
	border:1px solid #ddd;
}

.messages 
{
	width: 600px;
	text-align: left;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-left: 20px;
}

.alert_message 
{
	width: auto;
	text-align: left;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-left: 10px;
	border: 1px solid #ff6633;
}

.image_home
{
	border:none;
	padding:0px;
}

.tb_basic
{
	width: 200px;
}

.tb_medium
{
	width: 300px;
}

.tb_long
{
	width: 500px;
}

.tb_longer
{
	width: 650px;
}

.tb_number
{
	width: 40px;
}

.tb_num
{
	width: 20px;
}

.highlight_text_orange {
	color: #FFFFFF;
	background-color:Orange;
	font-size:1em;
	font-weight:bold;
	padding:2px 2px 2px 2px;
}

.div_border_orange
{
	border-width: 1px; 
	border-style: solid; 
	border-color:Orange;
	padding:5px;
}

.complete
{
	background-color:#F78181;
}
.text_orange {
	color: #FFFFFF;
	background-color:Orange;
	font-size:smaller;
	font-weight:normal;
	padding:2px 2px 2px 2px;
}
.text_heading {
	color: #FFFFFF;
	background-color:Orange;
	font-size:smaller;
	font-weight:normal;
	padding:2px 2px 2px 2px;
}
.bkg_blue {
	color:#13a7bd;
	font-size:1 em;
	font-weight:bold;
}