*, html{
    margin: 0px;
    padding: 0px;
}

h1, h2, h3, h4, h5, h6{
    font-family: "Georgia";
    font-weight: normal;
    color: #2a2a2a;
    margin: 0 0 5px 0;
    padding: 0px;
}

ol {
    margin-left:40px;
    margin-bottom:10px
}

ul {
    margin-left:40px;
    color:#666;
}

.pagehead{
    margin: 0px 0 0px 0;
    padding: 5px 10px 5px 10px;
    background: #f3f3f3;
    border-bottom: 1px solid #e8e8e8;
}

.description{
    padding: 10px;
}

blockquote {
    padding-left:30px;
    line-height: 30px;
}

p{
    margin: 0 0 10px 0;
}

body{
    background: url(../../images/login/bg-header.png) fixed;
    color: #454545;
    font: normal 10pt Tahoma;
    margin: 0;
    padding: 0;
    border-top: 0px solid #2a2a2a;
}

a:focus{
    border: none;
    outline: none;
}

a{
    color: #1e7dc6;
    text-decoration: none;
}

a:hover{
    color: #c67d1e;
}

#content{
    width: 980px;
    margin: 0 auto;
    min-height: 500px;
    background: #FFF;
    padding: 0px 0px 10px 0px;
    border: 1px solid #e8e8e8;
    line-height: 1.5;
}

#footer{
    width: 980px;
    margin: 0 auto;
    text-align: center;
    padding: 10px 0 20px 0;
}

.footer_bar {
    text-align:center; margin-top:20px; margin-bottom:20px; font-size:9px; color:#8D8D8D;text-shadow: 0.1em 0.1em 0.1em black;
}

.clear{
    clear:both;
}

#login-header{
    width: 100%;
    height: 360px;
    margin: 0 auto;
    position:absolute;


}

#login-link{
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    background: #2a2a2a;
    padding: 5px 15px 5px 15px;
    color: #FFF;
}

#login-panel{
    position: absolute;
    top: 26px;
    right: 0px;
    width: 190px;
    padding: 10px 15px 5px 15px;
    background: #2a2a2a;
    font-size: 8pt;
    font-weight: bold;
    color: #FFF;
    display: none;
}


/**Blink Text **/

.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

    color: Red;

}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.1; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.1; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.1; }
    100% { opacity: 1.0; }
}

label{
    line-height: 1.8;
}

.login_title_box {
    text-align: left;
    padding: 15px;
    position: relative;
    border: 0px solid #ccc;
    width: none;
    top: 80px;
    text-rendering: optimizelegibility;
    padding-left: 50px;
}

.login_title_box .text01 {
    font-family:Segoe UI, Arial, Helvetica, sans-serif;
    font-size: 55px;
    font-weight: normal;
    color:#333;
    text-shadow:1px 1px 0px #ccc;
    display:block;
    width: 480px;
    margin-left: 120px;
}

.login_title_box .text02 {
    font-family:Segoe UI, Arial, Helvetica, sans-serif;
    font-size: 45px;
    font-weight: normal;
    color:#333;
    text-shadow:1px 1px 0px #ccc;
    display:block;
    margin-top: -15px;
    margin-left: 8px;
}

.login_title_box .text03 {
    background: url(../../images/login/epco_logo.png)  no-repeat left bottom;
    display:inline-block;
    position:relative;
    width: 500px;
    height: 180px;
    margin-left: 120px;
    margin-top:  -10px;
}

.login_title_box .text04 {
    font-size:12px; 
    color:#666; 
    margin-top:5px;
    font-family:Segoe UI, Arial, Helvetica, sans-serif;
    text-shadow:1px 1px 0px #ccc;
    display:block;
    margin-left: 150px;
}

.login_title_box .text05 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color:#fff;
    text-shadow: 1px 1px #8a0000, -1px -1px #000;
    width: 100%;
    vertical-align:top;
    margin-top: 10px;
    margin-left: 130px;
    background:  url(../../images/login/bg-header_red.gif);
    border-radius: 10px 0px 0px 10px; 
    -webkit-border-radius: 10px 0px 0px 10px;
    -moz-border-radius: 10px 0px 0px 10px;
    padding: 15px 20px 15px 20px;
}

.button_enter{
    display:inline-block;
    position:relative;
    bottom: 42px;
    left: 5px;
}

.arrow {
    display: block;
    float: left;
    width: 0;
    height: 0;
    border:  15px solid transparent;
    border-right-color: #5B5B5B;
    margin-top: 28px;
}

.button {
    display: block;
    float: left;
    line-height: 80px;
    border: 0px solid #5B5B5B;
    border-radius: 15px 15px 15px 15px; 
    -webkit-border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    padding: 3px 20px 4px 20px;
    background-color: #5B5B5B;
    color: #09F;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 35px;
    font-weight:bold;
    text-shadow: 1px 1px #5B5B5B, -1px -1px #252525;
}

.login_index_ipad{
    width: 100%;
    min-height: 3808px;
    background: url(../../images/login/mtl.jpg)  no-repeat center top;
    background-size: 100%
}

.login_index_pc{
    width: 100%;
    min-height: 1839px;
    background: url(../../images/login/mtl_.jpg)  no-repeat center top;
    background-size: 100%
}

.login_box{
    display:block;
    padding-top:170px;
    position:relative;
    height:323px;
    width:388px;
    margin: 0 auto;
    margin-top: 100px;
    background:url(../../images/login/login_box_bg.png) top center no-repeat;
}

.login_box_field{
    display:block;
    position:relative;
    width: 250px;
    height:30px;
    padding-left:10px;
    margin-left: 70px;
    background:url(../../images/login/login_txt_field.png) top left no-repeat;
}

.login_txt{
    font-size:12px;
    font-weight:lighter;
    color:#666;
    border:0px;
    outline: none;
    background-color:transparent;
    margin-top:7px;
    width:230px;
}

.login_label{
    font-size:11px;
    font-weight:bold;
    color:#898989;
    width:230px;
    display:block;
    position:relative;
    width: 250px;
    padding-left:5px;
    margin-left: 70px;
    margin-bottom:5px;
}

.login_checkbox{
    outline-color:#CCCCCC;
}

.login_button {
    -moz-box-shadow:inset 0px 0px 0px 0px #ceedb4;
    -webkit-box-shadow:inset 0px 0px 0px 0px #ceedb4;
    box-shadow:inset 0px 0px 0px 0px #ceedb4;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #abd646), color-stop(1, #8bad42) );
    background:-moz-linear-gradient( center top, #abd646 5%, #8bad42 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#abd646', endColorstr='#8bad42');
    background-color:#abd646;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;
    border:0px;
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:15px;
    font-weight:normal;
    padding:6px 71px;
    text-decoration:none;
    text-shadow:1px 1px 0px #72ad18;
    text-align:center;
    cursor:pointer;
}

.login_button:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #97b842), color-stop(1, #648223) );
    background:-moz-linear-gradient( center top, #97b842 5%, #648223 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#97b842', endColorstr='#648223');
    background-color:#97b842;	
    color:#FFFFFF;
}

.login_button:active {
    position:relative;
    top:0px;
}
.login_button.disabled {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #afafaf), color-stop(1, #afafaf) );
	background:-moz-linear-gradient( center top, #afafaf 5%, #648223 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#afafaf', endColorstr='#afafaf');
	background-color:#afafaf;
	-moz-box-shadow:inset 0px 0px 0px 0px #afafaf;
	-webkit-box-shadow:inset 0px 0px 0px 0px #afafaf;
	box-shadow:inset 0px 0px 0px 0px #afafaf;
	text-shadow : none;
		
}


/* `POPUP WINDOW. Validation_e
----------------------------------------------------------------------------------------------------*/
/* Z-INDEX */
.formError { z-index: 90; }
.formError .formErrorContent { z-index: 91; }
.formError .formErrorArrow { z-index: 96; }
.formErrorInsideDialog.formError { z-index: 5000; }
.formErrorInsideDialog.formError .formErrorContent { z-index: 5000; }
.formErrorInsideDialog.formError .formErrorArrow { z-index: 5005; }

.formErrorOuter{

}

.inputContainer {
    position: relative;
    float: left;
}

.formError {
    position: absolute;
    top: 300px;
    left: 300px;
    display: block;
    cursor: pointer;
}

.ajaxSubmit {
    padding: 20px;
    background: #55ea55;
    border: 0px solid #999;
    display: none
}

.formError .formErrorContent {
    width: 100%;
    background: #ee0101;
    position:relative;
    color: #fff;
    width: 150px;
    font-size: 11px;
    border: 0px solid #ddd;
    box-shadow: 0 0 2px #000;
    -moz-box-shadow: 0 0 2px #000;
    -webkit-box-shadow: 0 0 2px #000;
    padding: 4px 10px 4px 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.greenPopup .formErrorContent {
    background: #33be40;
}

.blackPopup .formErrorContent {
    background: #393939;
    color: #FFF;
}

.formError .formErrorArrow {
    width: 15px;
    margin: -2px 0 0 13px;
    position:relative;
}

body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
    margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0px 0 0 12px;
    top:2px;
}

.formError .formErrorArrow div {
    border-left: 0px solid #ddd;
    border-right: 0px solid #ddd;
    box-shadow: 0 2px 3px #444;
    -moz-box-shadow: 0 2px 3px #444;
    -webkit-box-shadow: 0 2px 3px #444;
    font-size: 0px;
    height: 1px;
    background: #ee0101;
    margin: 0 auto;
    line-height: 0;
    font-size: 0;
    display: block;
}

.formError .formErrorArrowBottom div {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.greenPopup .formErrorArrow div {
    background: #33be40;
}

.blackPopup .formErrorArrow div {
    background: #393939;
    color: #FFF;
}

.formError .formErrorArrow .line10 {
    width: 15px;
    border: 0px;
}

.formError .formErrorArrow .line9 {
    width: 13px;
    border: 0px;
}

.formError .formErrorArrow .line8 {
    width: 11px;
    border: 0px;
}

.formError .formErrorArrow .line7 {
    width: 9px;
    border: 0px;
}

.formError .formErrorArrow .line6 {
    width: 7px;
    border: 0px;
}

.formError .formErrorArrow .line5 {
    width: 5px;
    border: 0px;
}

.formError .formErrorArrow .line4 {
    width: 3px;
    border: 0px;
}

.formError .formErrorArrow .line3 {
    width: 1px;
    border-left: 0px solid #ddd;
    border-right: 0px solid #ddd;
    border-bottom: 0px solid #ddd;
}

.formError .formErrorArrow .line2 {
    width: 3px;
    border: 0px;
    background: #ddd;
}

.formError .formErrorArrow .line1 {
    width: 1px;
    border: 0px;
    background: #ddd;
}
/* `POPUP WINDOW. Validation_e --- END
----------------------------------------------------------------------------------------------------*/



/* `POPUP WINDOW. Jquery Reject
----------------------------------------------------------------------------------------------------*/
/*
 * jReject (jQuery Browser Rejection Plugin)
 * Version 1.0.0
 * URL: http://jreject.turnwheel.com/
 * Description: jReject is a easy method of rejecting specific browsers on your site
 * Author: Steven Bower (TurnWheel Designs) http://turnwheel.com/
 * Copyright: Copyright (c) 2009-2011 Steven Bower under dual MIT/GPL license.
 */

#jr_overlay {
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    z-index: 200;
    position: absolute;
}

#jr_wrap {
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 300;
    padding: 0;
    margin: 0;
}

#jr_inner {
    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
    font-size: 12px;
    background: #FFF;
    border: 1px solid #CCC;
    color: #4F4F4F;
    margin: 0 auto;
    height: auto;
    padding: 20px;
    position: relative;
}

#jr_header {
    display: block;
    color: #333;
    padding: 5px;
    padding-bottom: 0;
    margin: 0;
    font-family: Helvetica,Arial,sans-serif;
    font-weight: bold;
    text-align: left;
    font-size: 1.3em;
    margin-bottom: 0.5em;
}

#jr_inner p {
    text-align: left;
    padding: 5px;
    margin: 0;
}

#jr_inner ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#jr_inner ul li {
    cursor: pointer;
    float: left;
    width: 120px;
    height: 122px;
    margin: 0 10px 10px 10px;
    padding: 0;
    text-align: center;
}

#jr_inner li a {
    color: #333;
    font-size: 0.8em;
    text-decoration: none;
    padding: 0;
    margin: 0;
}

#jr_inner li a:hover {
    text-decoration: underline;
}

#jr_inner .jr_icon {
    width: 100px;
    height: 100px;
    margin: 1px auto;
    padding: 0;
    background: transparent no-repeat scroll left top;
    cursor: pointer;
}

#jr_close {
    margin: 0 0 0 50px;
    clear: both;
    text-align: left;
    padding: 0;
    margin: 0;
}

#jr_close a {
    color: #000;
    display: block;
    width: auto;
    margin: 0;
    padding: 0;
    text-decoration: underline;
}

#jr_close p {
    padding: 10px 0 0 0;
    margin: 0;
}

.pop_msg{
    display:block;
    height:68px;
    width:355px;
    background:url(../../images/login/pop_msg_bg.png) no-repeat top center;
    margin-left: 16px;
    padding-top:22px;

}
/* `POPUP WINDOW. Jquery Reject --- END
----------------------------------------------------------------------------------------------------*/



/*.regis_area{
                display:inline-block;
                position: relative;
                width:690px;
                vertical-align:top;
                margin:10px 10px 10px 10px;
                }
*/

.menu_box{
    display:block;
    position: relative;
    vertical-align:top;
    margin-top:0px;
    padding: 0px 0px 22px 0px;
    text-align:center;
    text-transform: uppercase;	
}

.menu_top{		
    display:inline-block;
    color: #999;
    font-family:'Source Sans Pro';
    font-weight:200;
    font-size:19px;
    margin:0px 10px;
}

.menu_top a {
    color:#fff;		
}

.menu_top a:hover {
    color:#999;	
}

.menu_top .active {
    color:#999;		
}

.regis_whitebox{
    display:block;
    position: relative;
    vertical-align:top;
    margin-top:0px;
    border:#CCC solid 5px;
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    padding: 0px 8px 20px 8px;
    background-color:#FFFFFF;
}

.regis_ribbon {
    display:block;
    width:380px;
    position: relative;
    float:left;
    bottom:4px;
    left:25px;
    padding-left: 30px;
    padding-top: 26px;
    padding-bottom: 10px;
    margin-bottom:10px;
    background: url(../../images/dashboard/ribbon.png)no-repeat top left;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
    font-weight:normal;
    font-size: 24px;
    border-bottom:#999999 dotted 1px;
    z-index:800;
}

.login_ribbon {
    display:block;
    width:269px;
    position: relative;
    float:left;
    bottom:10px;
    left:8px;
    padding-left: 15px;
    padding-top: 26px;
    padding-bottom: 10px;
    margin-bottom:10px;

    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
    font-weight:normal;
    font-size: 35px;
    border-bottom:#999999 dotted 1px;
    z-index:800;
}

.regis_title{
    padding: 8px 0px 5px 27px;
}

.regis_box{
    display:block;
    padding-top:0px;
    position:relative;
    height:323px;
    width:790px;
    margin: 0 auto;
    margin-top: 50px;
}

.regis_label{
    font-size:11px;
    font-weight:bold;
    color:#898989;
    width:230px;
    display:block;
    position:relative;
    width: 250px;
    padding-left:5px;
    margin-left: 0px;
    margin-bottom:5px;
}

.regis_box_field{
    display:block;
    position:relative;
    width: 250px;
    height:30px;
    padding-left:10px;
    margin-left: 0px;
    background:url(../../images/login/login_txt_field.png) top left no-repeat;
}

.regis_checkbox{
    outline-color:#CCCCCC;
    font-size:10px;
    margin-top: 10px;
}

.regis_company{
    font-size:0.30em; 
    font-family:Tahoma, Geneva, sans-serif; 
    color:#CCC; line-height:7px;
    padding-left: 25px;
    line-height: 15px;
}

.colall {
    display:inline-block;
    width:685px;
    padding-right:27px;
    vertical-align:top;
}	

.col01 {
    display:inline-block;
    width:415px;
    padding-right:27px;
    vertical-align:top;
}

.col02 {
    display:inline-block;
    position:relative;
    width:300px;
    min-height:340px;
    padding-left:10px;
    background:url(../../images/login/shade.png) top left no-repeat;
}

.notice_area {
    display:block;
    position:relative;
    padding-left:10px;
    margin-top:20px;
}

.boxfield_area {
    display:block;
    position:relative;
    padding-left:25px;
    margin-top:20px;
}

.boxfield_title {
    display:block;
    position:relative;
    height:29px;
    width:100%;
    background:url(../../images/login/notice_bg.jpg) top left no-repeat;
    color:white;
    font-size:16px;
    padding-top:7px;
    padding-left:10px;
}

.pageup {
    display:block;
    position:relative;
    width:100%;
    color: #000;
    font-family:'Source Sans Pro';
    font-weight:400;
    font-size:14px;
    padding:22px 35px 0px 35px;
    text-align:center;
}

.all_content {
    display:block;
    position:relative;
    background-color:#f2f2f2;
    width:100%;
    color: #000;
    font-family:'Source Sans Pro';
    font-weight:400;
    font-size:14px;
    padding:5px 35px 22px 35px;
}

.notice_content {
    display:block;
    position:relative;
    background:url(../../images/login/line_bg01.jpg) top left repeat;
    width:415px;
    color: #000;
    font-family:'Source Sans Pro';
    font-weight:400;
    font-size:14px;
    padding:0px 0px 22px 0px;
}

.notice_title {
    display:block;
    background:url(../../images/login/line_bg02.jpg) bottom left repeat-x;
    font-family:'Source Sans Pro';
    font-size:32px;
    font-weight:200;
    margin:15px 0px;
    padding-bottom: 15px;
}

.notice_titlebg {
    display:block;
    position:relative;
    background:url(../../images/login/login_bg.png) top left no-repeat;
    width:385px;
    color: #000;
    font-family:'Source Sans Pro';
    font-weight:400;
    font-size:14px;
    padding:5px 0px 10px 30px;
}

.notice_titlebg02 {
    display:block;
    position:relative;
    background:url(../../images/login/login_bg.png) top left no-repeat;
    width:385px;
    color: #000;
    font-family:'Source Sans Pro';
    font-weight:400;
    font-size:14px;
    padding:5px 0px 10px 30px;
}

.notice_main {
    margin:12px 28px 10px 29px;
}

.marked {
    background:url(../../images/login/marked.png) top left no-repeat;
    padding-left:35px;
    min-height:35px;
}

.marked2 {
    background:url(../../images/login/marked2.png) top left no-repeat;
    padding-left:35px;
    margin-top:20px;
    min-height:35px;
    font-size:19px;
    font-weight:200;
}

.sub_title {
    margin-top:20px;
    font-size:19px;
    font-weight:200;
}

.login_area {
    display:block;
    width:380px;
    position: relative;
    float:left;
    bottom:10px;
    left:8px;
    padding-left: 30px;
    padding-top: 26px;
    padding-bottom: 10px;
    margin-bottom:10px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
    font-weight:normal;
    font-size: 35px;
    border-bottom:#999999 dotted 1px;
    z-index:800;
}

.news_area {
    width:100%;
    margin-top: 60px;
}

.news_area02 {
    width:100%;
    margin-top: -15px;
}

.news_title {
    display:block;
    position:relative;
    border-bottom: dotted 1px #333;
    height:29px;
    width:275px;
    color: #333;
    font-size:16px;
    padding-top:7px;
    padding-left:10px;
    left:8px;
}

.news_title02 {
    display:block;
    position:relative;
    border-bottom: dotted 1px #333;
    height:29px;
    width:93%;
    color: #333;
    font-size:16px;
    padding-top:7px;
    padding-left:10px;
    left:8px;
}

.announce_area {
    display:block;
    position:relative;
    width:265px;
    color: #333;
    font-size:11px;
    padding-top:7px;
    padding-left:10px;
    left:8px;
}

.announce_area02 {
    display:block;
    position:relative;
    width:93%;
    color: #333;
    font-size:11px;
    padding-top:7px;
    padding-left:10px;
    left:8px;
}

.announce_area a:hover{
    color:#666;
    border-bottom:dotted #666 1px;
}
.announce_more{
    display:inline;
    font-size:85%;
    margin-right:15px;
    border-bottom:dotted #666 1px;
    float: right;
}

.quicklink_area {
    display:block;
    position:relative;
    background-color:#666;
    width:345px;
    color: #fff;
    font-family:'Source Sans Pro';
    font-weight:200;
    font-size:18px;
    padding:2px 35px 22px 35px;
    top: 20px;
    margin-bottom:30px;
}

.quicklink_area a {
    margin: 0px 20px 0px 0px;
    color:#fff;
    border-bottom: dotted 1px #fff;
}

.quicklink_area a:hover {
    color:#F00;
}

.quicklink_title {
    font-family:'Source Sans Pro';
    font-size:32px;
    font-weight:200;
    margin:20px 0px 10px 0px;
}

.quicklink_area2 {
    display:block;
    position:relative;
    background-color:;
    width:100%;
    color: #666;
    font-family:'Source Sans Pro';
    font-weight:200;
    font-size:18px;
    padding:2px 35px 22px 35px;
    top: 30px;
    margin-bottom:40px;
    border-top: solid 1px #C9C9C9;
}

.quicklink_area2 a {
    margin: 0px 20px 0px 0px;
    color:#666;
    border-bottom: dotted 1px #666;
}

.quicklink_area2 a:hover {
    color:#F00;
}


.datagrid table { 
    border-collapse: collapse; 
    ext-align: left; width: 100%; 
} 

.datagrid { 
    font-family: 'Source Sans Pro';
    font-size: 18px;
    font-weight:400;
    background: #fff; 
    overflow: hidden; 
    border: 1px solid #8C8C8C; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px; 
}

.datagrid table td, .datagrid table th { 
    padding: 9px 10px; 
}

.datagrid table thead th {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );
    background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');
    background-color:#8C8C8C; 
    color:#FFFFFF; 
    font-size: 14px; 
    font-weight: normal; 
    border-left: 1px solid #A3A3A3; 
} 

.datagrid table thead th:first-child { 
    border: none; 
}

.datagrid table tbody td { 
    color: #7D7D7D; 
    border-left: 1px solid #DBDBDB;
    font-size: 14px;font-weight: normal; 
}

.datagrid table tbody .alt td { 
    background: #EBEBEB; 
    color: #7D7D7D; 
}

.datagrid table tbody td:first-child { 
    border-left: none; 
}

.datagrid table tbody tr:last-child td { 
    border-bottom: none; 
}

.td_line {
    border-top: solid 1px #ccc;
}

.datagrid table { border-collapse: collapse; text-align: left; width: 100%; } 
.datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } 
.datagrid table td, .datagrid table th { padding: 12px 10px; }
.datagrid table thead th {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );
    background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');
    background-color:#006699; color:#ffffff; font-size: 15px; font-weight: normal; border-left: 1px solid #0070A8; 
} 
.datagrid table thead th:first-child { border: none; }
.datagrid table tbody td { color: #00496B; border-left: 1px solid #E1EEF4;font-size: 12px;font-weight: normal; }
.datagrid table tbody .alt td { background: #E1EEF4; color: #00496B; }
.datagrid table tbody td:first-child { border-left: none; }
.datagrid table tbody tr:last-child td { border-bottom: none; }

.sub_section {
    padding: 10px 10px 0px 10px;
    border-top: dotted #CCC thin;
    margin-top: 20px;
    text-align: center;
}