@charset "UTF-8";


/* ********************************************************* */
/* beeline-theme02*/
/* ********************************************************* */

a{color: #0074a3;}


body{font-family: Verdana,Arial,sans-serif;}

/* Message Box */
.msg-box{margin:2px 0px 5px;  display:none; width:100%;}
.msg-box-inner{margin:0px; padding: 3px;}
.msg-box-inner .ui-icon{float: left; margin-right: .3em;}
 
.container{min-width:480px;}

/* Header */
.header {min-height:50px;}
.header-inner{position:relative;}
.header-inner-logo-bar{ height:100%;}
.header-inner-logo{height:100%; margin-right:10px; float:left;}
.header-inner-logo img{height:30px; margin-top:-15px; top:24px; position:relative;}
.header-inner-name { line-height:50px;  float:left; }
.header-inner-login-info{ text-align:right; line-height:50px; color:#666; }

 @media only screen and (max-width: 1024px) {
	 .header-inner-login-info{ text-align:left; }
	 
 }
 
.navigation{height:40px;background: #f0f0f0;border-bottom: 1px solid #dedede; margin-bottom:10px}
.navigation-inner{position:relative;height:100%;}
.navigation .ddsmoothmenu{bottom:-1px;  position:absolute;}
/*
.navigation-bar{margin-bottom:0px;}
.navigation-bar-inner{ padding:10px 0px;}
.navigation-bar-inner  div span{ margin:0px 15px;}
.navigation-bar-inner  div .ui-icon{ margin-left:0px !important; margin-right:10px !important;  float:left;}
*/

.sub-navigation{box-shadow: 5px 5px 5px #dedede; border:1px  #dedede solid;margin-right:1%;}

.sub-navigation .title{  margin-left:2%; width:96%; margin-top:2%; margin-bottom:5px;border-bottom:1px  #dedede solid; }
.sub-navigation ul{ margin-left:2%; width:96%;margin-bottom:2%;}
.sub-navigation li { margin-bottom:2px;}
.sub-navigation li a{ margin-left:5px;line-height:1.5em;display: block;text-decoration:none;}
.sub-navigation li:hover{ background:#006; }
.sub-navigation li.active{ background:#004; }
.sub-navigation li.active a,.sub-navigation li:hover a{ color:#EEE;  }


.page-content{box-shadow: 5px 5px 5px #dedede; border:1px  #dedede solid; margin-bottom:20px;}
.page-content-inner{margin:1%; width:98%;}


.page-content-tool{ border-bottom:1px  #dedede solid;  position:relative; height:23px; margin-bottom:5px;}
.page-content-title{position:absolute;}
.icon-button-list{position:absolute; right:0px;}
.icon-button-list li{ float:left; margin-left:5px;}
.icon-button{ cursor:pointer;}


.navigation-bar{margin-left:1%; margin-top:5px;margin-bottom:5px;}
.navigation-bar div span{ margin:0px 15px;}
.navigation-bar  div .ui-icon{ margin-left:0px !important; margin-right:5px !important;  float:left;}

/* Form   ============================================================================= */
.form-tab{ font-size:12px !important;}
.form-element-label{ font-size:12px; margin-bottom:2px; color:#003; }
.form-element{ margin-bottom:10px;}


.section {clear: both; }
.section-inner{ width:98%;  margin-left:1%;}


.col {display: block;float:left;/*margin: 1% 0 1% 1.6%;*/}
.col:first-child { margin-left: 0; } /*Not for IE6 and lower */


/*  GRID OF FIVE   ============================================================================= */
.span_5_of_5 {width: 100%;}
.span_4_of_5 {width: 79.68%; }
.span_3_of_5 {width: 59.36%; }
.span_2_of_5 {width: 39.04%;}
.span_1_of_5 {width: 18.72%;}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 1024px) {
.span_5_of_5 {width: 100%;}
.span_4_of_5 {width: 100%;}
.span_3_of_5 {width: 100%;}
.span_2_of_5 {width: 100%;}
.span_1_of_5 {width: 100%;}
}


/*  GRID OF SIX   ============================================================================= */
.span_6_of_6 {width: 100%;}
.span_5_of_6 {width: 83.06%;}
.span_4_of_6 {width: 66.13%;}
.span_3_of_6 {width: 49.2%;}
.span_2_of_6 {width: 32.26%;}
.span_1_of_6 {width: 15.33%;}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 1024px) {
.span_6_of_6 {width: 100%;}
.span_5_of_6 {width: 100%;}
.span_4_of_6 {width: 100%;}
.span_3_of_6 {width: 100%;}
.span_2_of_6 {width: 100%;}
.span_1_of_6 {width: 100%;}
}




/*  GRID OF EIGHT   ============================================================================= */
.span_8_of_8 {width: 100%;}
.span_7_of_8 {width: 87.3%;}
.span_6_of_8 {width: 74.6%;}
.span_5_of_8 {width: 61.9%;}
.span_4_of_8 {width: 49.2%;}
.span_3_of_8 {width: 36.5%;}
.span_2_of_8 {width: 23.8%;}
.span_1_of_8 {width: 11.1%;}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 1024px) {
.span_8_of_8 {width: 100%;}
.span_7_of_8 {width: 100%;}
.span_6_of_8 {width: 100%;}
.span_5_of_8 {width: 100%;}
.span_4_of_8 {width: 100%;}
.span_3_of_8 {width: 100%;}
.span_2_of_8 {width: 100%;}
.span_1_of_8 {width: 100%;}
}

/* Login Page */
 .beeline-login{height:210px; width:650px; margin:150px auto 0px; position:relative;}
 .beeline-login .language-box { position:absolute; right:0px; }
 .beeline-login .language-box li{ float:left; margin-left:5px;}
 .beeline-login #tabs{ width:100%; position:absolute; top:20px;}
 .beeline-login .login-table{width:100%; font-size:16px;}
 .beeline-login .col1{padding:5px 0px;}
 .beeline-login .col2{padding:0px 0px 0px 20px;}
 .beeline-login .login-table input{ width:100%;}
 .beeline-login .td-forget-password{vertical-align:top;}
 .beeline-login .td-forget-password a{color:#2779aa; text-decoration:underline;}
 .beeline-login .td-submit-btn{text-align:right;} 
 .beeline-login .td-submit-btn .btn-submit{ width:100px !important; margin:20px 0px !important;}
 .beeline-login .copy-right{height:29px;width:100%; background:#FFF; text-align:center;}
 .beeline-login.copy-right p{line-height:29px; }
 
 
 /* Loading */
.dialog-process .ui-dialog-titlebar,.ui-dialog-titlebar-close{ display:none !important;}
#dialog-process { position:relative;overflow:hidden;}
#dialog-process img{display:block; width:30px; position:absolute; bottom:3px; right:0px;}
#dialog-process p{ font-size:14px; line-height:30px; }

.ui-dialog{ font-size:14px !important;}