* 
{
    margin:0;
    padding:0;
}

html 
{
    overflow-y: scroll;
}

body
{
    font-family: Verdana, Geneva, sans-serif;
    line-height:18px;
    color: #383838;
    margin:0;
    padding:0;
    font-size:10px;
    min-width: 960px;
}

input,select
{
 
    color: #383838;
    font-size:11px;
}

select
{
    height:22px;
    padding:2px 0px 0px 2px;
    border: 1px solid #eeeeee;
}

option
{
    padding:0px 0px 0px 2px;
}


/* ---------------------------------------- Textbox Without Border ----------------------------------------------- */
input[type=text],input[type=password],textarea{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    
}

/* ---------------------------------------- Glowing Effect on Focus ----------------------------------------------- */
input[type=text]:focus,input[type=password]:focus,textarea:focus, select:focus{
    box-shadow: 0 0 5px rgba(81,203,238,1);
    border: 1px solid rgba(81,203,238,1);
    background-color: #e0f6ff;
}

.myTextBox1
{
    font-family: Verdana, Geneva, sans-serif;
    height: 15px;    
    padding: 3px;
    font-weight: 200;
    font-size: 10px;
    border: 1px solid #eeeeee;
}

.myTextBox1:focus
{
    height: 15px;    
    padding: 3px;
    font-weight: 200;
    font-size: 10px;
    background: #e0f6ff;
}

/* ---------------------------------------- Textbox with Border ----------------------------------------------- */
.myTextBox2
{
    height: 15px;
    padding: 3px;
    font-weight: 200;
    font-size: 11px;
    font-family: Tahoma;
    border: 1px solid #DDDDDD;
}

.myTextBox2:focus
{
    height: 15px;
    padding: 3px;
    font-weight: 200;
    font-size: 11px;
    font-family: Tahoma;
    background-color: #e0f6ff;
}

/* ---------------------------------------- Button ------------------------------------------------------------ */
input[type='button'],input[type='submit'],input[type='reset'] {
    -moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
    -webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
    box-shadow:inset 0px 1px 0px 0px #54a3f7;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
    background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
    background-color:#007dc1;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #124d77;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-size:11px;
    font-weight:normal;
    padding:3px 25px;
    text-decoration:none;
    text-shadow:0px 1px 0px #154682;
}
input[type='button']:hover,input[type='submit']:hover,input[type='reset']:hover,input[type='button']:focus,input[type='submit']:focus,input[type='reset']:focus {
    background:#ffefa3;
    color:#555555;
    font-weight: normal;
}
input[type='button']:active,input[type='submit']:active,input[type='reset']:active {
    position:relative;
    top:1px;
}


/* ---------------------------------------- Image -------------------------------------------------------------- */
img{ border:none; }

/* ---------------------------------------- Hyperlinks --------------------------------------------------------- */
a:link,a:visited { font-size:10px; font-weight:bold; color: #1369a3; text-decoration: none; }
a:hover  {color: #f76e18; text-decoration: none; }
a:active{ color: #1369a3; }

.whiteLink:link,.whiteLink:visited { font-size:10px; font-weight:normal; color: #ffffff; text-decoration: none; }
.whiteLink:hover  {color: #ffffff; text-decoration: none;}
.whiteLink:active{ color: #ffffff; }

/* ---------------------------------------- Grey Colored Sections ----------------------------------------------- */
.tdGreyContent { background:#eeeeee;  color:#000000;}

/* ---------------------------------------- Dark Grey Colored Sections ----------------------------------------------- */
.tdDarkGreyContent { background:#dddddd;  color:#000000;}

/* ---------------------------------------- Dark-Grey Colored Sections -----------------------------------------  */
.tdDarkestGreyContent { background:#cccccc; color:#000000;}

/* ---------------------------------------- Light-Blue Colored Sections ----------------------------------------- */
.tdLightBlueContent { background:#cfe8f9; }

/* ---------------------------------------- Dark-Blue Colored Sections ----------------------------------------- */
.tdDarkBlueContent { background:#073f3f; color:#ffffff;}

/* ----------------------------------------- Sliding Menu Button ------------------------------------------------ */

#divMenuButton
{
 width: 100px;
 background:#1786c1;
 color: #ffffff;
 margin-left: 0px;
 font-size: 11px;
 font-weight: bold;
 letter-spacing: 2px;
}

/* ---------------------------------------- Dark-Blue Colored Sections ------------------------------------------ */
.heading { font-size:12px; font-weight:bold; color:#ffffff; letter-spacing:1px}

/* ---------------------------------------- website Title Text -------------------------------------------------- */
#txtSize1 {font-size:22px;  color:#ffffff; margin:0; padding:0 0 0 0; font-weight:normal; line-height:26px;}
#txtSize2{font-size:20px;  color:#ffffff; margin:0; padding:0 0 0 0; font-weight:normal; line-height:26px;}
#txtSize3{font-size:12px;  color:#ffffff; margin:0; padding:0 0 0 0; font-weight:normal; line-height:26px;}

/* ---------------------------------------- Website Header ------------------------------------------------- */
#header { width: 100%; margin: auto auto; }
#header div { padding:2px 0px; overflow:hidden;  background-color:#ffffff; background-image:url('images/bg_header.png')}
#tblHeader{ 
	background-image:url('../images/bg_header.png'); 
	background-repeat: repeat-x;
	width: 100%;
	border-bottom: 1px solid #bbbbbb;
	box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
}

/* ---------------------------------------- Container ------------------------------------------------------------ */
#container { width:960px; background:#ffffff; overflow:hidden; margin: 8px auto 8px auto; padding:0px 0px; border:solid 2px #ebebeb;}
.container { width:960px; background:#ffffff; overflow:scroll; margin: 8px auto 8px auto; padding:0px 0px; border:solid 2px #ebebeb;}

/* ---------------------------------------- Left Column ---------------------------------------------------------- */					
.left_col { width:250px; float:left; margin:0 0 0 0; font-size:11px;}

/* ---------------------------------------- Middle Column -------------------------------------------------------- */	
.mid_col { width:432px; float:left; margin:0 0 0 0;}
.mid_col p { margin:5px 0 5px 0; text-align:justify; padding:5px; line-height:18px;  }
.mid_col h2 { font-size:12px; background:#1786c1; font-weight:bold; display:block; width:100%; color:#ffffff; text-align:left; margin:0 0 0 0; padding:6px 0 5px 5px;}
.mid_col ul { color:#797979; text-align:justify;}
.mid_col li { line-height:18px;}
.mid_col table { border-bottom:solid 1px #dfdfdf;  border-left:solid 1px #dfdfdf;}
.mid_col td,  .mid_col th{ border-top:solid 1px #dfdfdf; padding:4px 1px; border-right:solid 1px #dfdfdf; text-align:left; line-height:16px; vertical-align:top;}
.mid_col th { font-weight:bold; background:#f5f5f5; color:#585858;}

/* ---------------------------------------- Container Table --------------------------------------------------------- */	
.tblContainer { font-size:10px; width:960px; float:left; margin:0 0 0 0;}
.tblContainer td { margin:0px 0 0px 0; padding:0px; line-height:18px;}
.tblContainer h2 { font-size:10px; background:#1786c1; font-weight:bold; display:block; color:#ffffff; text-align:left; width:100%; margin:0 0 0 0; padding:6px 0 5px 5px;}
.tblContainer ul { font-size:10px; margin-left:12px; padding:5px 5px 5px 5px; line-height:18px;}

/* ---------------------------------------- Right Column Homepage ------------------------------------------------- */	
.right_col { width:250px; float:left; margin:0 0 0 0; }
.right_heading { width:252px; text-align:center;  background:#1786c1;}
.right_heading h2 { font-size:11px; margin:0; padding:6px 0 5px 10px; text-align:left; color:#ffffff; font-weight:bold; width:auto;}

/* ---------------------------------------- Whats's New Section --------------------------------------------------- */
.whats_new { width:245px; padding:5px 3px 0px 3px; background:#fffde5; font-weight:bold; font-size:10px; border: 1px solid #eeeeee;}
.whats_new ul {list-style-type:none; margin:0 auto; padding:0; width:auto; }
.whats_new li { display:block; line-height:16px; padding:6px 0 8px 5px; border-bottom: 1px dotted #1786c1;}
.whats_new a:link, .whats_new a:visited { color: #1369a3; text-decoration: none;}
.whats_new a:hover { color: #1369a3; text-decoration: none;}
.whats_new a:active { color: #f4660e;}

/* ---------------------------------------- External Links ------------------------------------------------------------ */
.external_links { width:246px; margin:auto auto; padding:10px 1px 5px 2px; font-size:11px; font-weight:bold; background:#ffffff;  border: 1px solid #eeeeee;}

/* ---------------------------------------- External Links ------------------------------------------------------------ */
.hit_counter { width:240px; margin:auto auto; padding:5px 5px 5px 5px; border: 1px solid #eeeeee; font-size:10px; font-weight:bold;}	

/* ---------------------------------------- Footer ----------------------------------------------------------------- */	
#footer { margin:auto auto;}
#footer div { width: 100%; height:45px; margin:auto auto;}
#footer table{ background-color:#333c3f; font-size:11px; font-weight:normal; width: 100%; margin-left: auto; margin-right: auto; vertical-align:top; color:#ffffff; line-height:15px;}

fieldset{
    border: 2px solid rgb(23,134,193);
    width: 400px;
    margin:auto;
}

/* ---------------------------------------- Tooltip ----------------------------------------------------------------- */	

.tooltip {outline:none; } 
.tooltip:hover {text-decoration:none;} 
.tooltip .tooltipMsg { z-index:10;display:none; padding:5px; margin-left:5px; line-height:16px; } 
.tooltip:hover .tooltipMsg{ display:inline; position:absolute;} 

/*CSS3 extras*/ 
.tooltip .tooltipMsg { border-radius:2px; box-shadow: 5px 5px 5px #cccccc; }

/* ---------------------------------------- Tooltip1 ----------------------------------------------------------------- */	

.tooltipMsg1{ z-index:10;display:none; padding:5px; margin-left:5px; line-height:16px; } 
.showTooltipMsg1{ display:inline; position:absolute;} 
.hideTooltipMsg1{ display:none; position:absolute;} 

/*CSS3 extras*/ 
.tooltipMs1 { border-radius:2px; box-shadow: 5px 5px 5px #cccccc; }


/* ---------------------------------------- Master Table Forms ----------------------------------------------------------------- */

.error{
	border: 1px solid red !important;
}
.success{
	border: 1px solid green !important;
}