/* CSS Document */
body {height:100%; min-height:100%; margin:0; padding:0; font-family:'SegoeUINormal', "Segoe UI", Arial; font-size:13px; color:#60636b; }
html { height:100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

@font-face {
	font-family: 'SegoeUINormal';
	src: url('../fonts/segoeui_5-webfont.eot');
	src: local('?'), url('../fonts/segoeui_5-webfont.woff') format('woff'),	url('../fonts/segoeui_5-webfont.ttf') format('truetype'), url('../fonts/segoeui_5-webfont.svg#webfonty4OQCVHR') format('svg');
	font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'SegoeUISemibold';
    src: url('../fonts/seguisb_0-webfont.eot');
    src: local('?'), url('../fonts/seguisb_0-webfont.woff') format('woff'), url('../fonts/seguisb_0-webfont.ttf') format('truetype'), url('../fonts/seguisb_0-webfont.svg#webfontauKJGFrY') format('svg');
    font-weight: normal; font-style: normal;
}


/* * * * * *  General  * * * * * */
a{ color:#13a3c7; text-decoration:none; outline:none;}
a:hover{ color:#13a3c7; text-decoration:underline;}
img{ border: none;}
h1, h2, h3, h4, h5, h6, ul, li, p{ margin:0; padding:0;}
.clear{ clear:both; padding:0; margin:0; height:0;}
.clr{ clear:both;}
ol, ul, li { list-style:none; list-style-type:none; }

input[type=text], input[type=password] { border:#d0d3d9 1px solid; padding:5px; color:#515151; font-size:13px; font-family:Arial; outline:none; }
textarea { border:#d0d3d9 1px solid; padding:5px; font-size:13px; color:#515151; font-family:Arial; outline:none; }
select { border:#d0d3d9 1px solid; padding:3px; font-size:13px; color:#515151; font-family:Arial; outline:none;}
input[type=radio], input[type=checkbox] { vertical-align:-2px; //vertical-align:-1px;}
.inputbutton { background:#262d40 url(../images/butbg.png) top repeat-x; border:none; height:30px; padding:0 18px 4px 18px; line-height:1; overflow:visible; cursor:pointer; color:#FFF; font-family:'SegoeUINormal', "Segoe UI", Arial; font-size:14px; }
.inputbutton:hover{ background:#028ec6 url(../images/login_titlebg.png) top repeat-x;}

.activebutton { background:#88c853 url(../images/bt_green.png) bottom repeat-x; border:1px solid #5db84e; height:30px; padding:0 18px 4px 18px; line-height:1; overflow:visible; cursor:pointer; color:#FFF; font-family:'SegoeUINormal', "Segoe UI", Arial; font-size:14px; }

/*************************************************************
********************* Main wrapper **************************/
#wrapper { margin:0 auto; position:relative; min-height:100%; height:auto!important; }
#login_area #wrapper{ background: url(../images/login_wrapbg.png) top center no-repeat;}


/*************************************************************
************************* Content ****************************/
.main{ padding-bottom:68px; min-width:320px;}
.container{ width:980px; margin:0 auto;}
.tab_active{padding:8px 0px 10px 0px; background:#FFF; border-bottom:2px solid #FFF; text-align:center; font-family: 'SegoeUISemibold', arial; font-size:14px; color:#293043;}
.tab_normal{padding:8px 0px 10px 0px; background:#f4f5f6; border-bottom:2px solid #dbdbdb; text-align:center; font-family: 'SegoeUISemibold', arial; font-size:14px; color:#293043;}
.bord_spac{ background:#dbdbdb;}
.reg_pad{ padding:15px 5px;}
.user_info{ height:44px; background:#4bb4e0 url(../images/blue_bg.png) bottom repeat-x; border-top:4px solid #262d40;}
.user_info .container{ }
.user_header{ height:111px; background:#FFF url(../images/grey_bg.png) bottom repeat-x;}
.user_content{ background:#FFF url(../images/user_topbg.png) top repeat-x; border-top:4px solid #c6c6c6; padding-top:13px; min-height:200px;}
.userdate{ float:left; padding:12px 0 0 0; color:#FFF; text-transform:uppercase; font-family: 'SegoeUISemibold', arial; font-size:12px;}
.userdetails{ float:right; padding:8px 0 0 0; color:#FFF; text-transform:uppercase; font-family: 'SegoeUISemibold', arial; font-size:12px;}
.userdetails a{color:#FFF; text-decoration:none;}
.userdetails span{ padding-left:7px;}
.userdetails img{ vertical-align:-4px;}
.userpool{ float:left; padding:6px 0 0 3px; color:#FFF; text-transform:uppercase; font-family: 'SegoeUISemibold', arial; font-size:12px;}
a.link_logoff{ background:#39cdfa; color:#000 !important; display:inline-block; padding:4px 7px 5px 7px; margin-left:13px;  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
a.link_logoff:hover{ background:#66dafe;}
.logo{ float:left; padding-top:29px;}
.pool_select{ float:right; padding-top:8px;}
.con_area{ background: url(../images/bg.jpg) top left; border:1px solid #d7d7d7; overflow:hidden; min-height:200px; padding:15px;}
.con_areawtoutbk{ border:1px solid #d7d7d7; overflow:hidden; min-height:200px; padding:15px;}
h1.title{ font-size:24px; font-weight:normal; color:#2c2c2c; border-bottom:1px solid #d7d7d7; margin-bottom:15px; padding-bottom:4px;}
.temp{ float:left; background:#13a369; padding:0px 7px 6px 7px; height:22px; color:#FFF; font-size:16px; line-height:1;}
.temp sup{ font-size:14px;}
.c_font{ font-size:18px;}
.hidetdformobile { display: table-cell; }
.showtdformobile { display: none; }
.hidedivformobile { display: inline; }
.showdivformobile { display: none; }

.displaypanel {
    background:#f9f9f9;
    border:1px solid #e7e7e7;
    padding:5px;
    text-align:center;
}

.infopanel {
    background:#f9f9f9;
    border:1px solid #e7e7e7;
    padding:10px 10px 15px 10px;
    text-align:center;
    margin-bottom:10px;
}

.infopanel h3 {
     margin-bottom:5px;
}

.infopanel h4 {
    margin-bottom: 5px;
}

.poolshop_pending {
    width:50px;
    height:45px;
    background-image:url('../images/backbtn_blue.png');
    text-align:center;
    padding-top:5px;
    color:#ffffff;
}

.poolshop_warning {
    width:50px;
    height:45px;
    background-image:url('../images/backbtn_orange.png');
    text-align:center;
    padding-top:5px;
    color:#ffffff;
}

.poolshop_linked {
    width:50px;
    height:45px;
    background-image:url('../images/backbtn_green.png');
    text-align:center;
    padding-top:5px;
    color:#ffffff;
}

.poolshop_warning_cell {
    background-image:url('../images/backbtn_orange.png');
    background-repeat: no-repeat;
    background-size:25px;
    background-position-x:center;
    background-position-y:4px;
    font-weight:bold;
    color:#FFFFFF;
}



/*************************************************************
************************* Login ****************************/
#login_area{ background:url(../images/login_topbg.png) top repeat-x;}
#login{ width:530px; margin:0 auto;}
.login_logo{ text-align:center; padding:50px 0 30px 0;}
.login_logo img{ width:280px;}
.login_logo_left{ text-align:left; padding:50px 0 30px 0;}
.login_logo_left img{ width:280px;}
.login_title{ background:#028ec6 url(../images/login_titlebg.png) top repeat-x; font-family: 'SegoeUISemibold', arial; font-size:20px; color:#FFF; padding:5px 0 8px 12px; }
.login_content{ background:#FFF; padding:15px 20px 15px 10px; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
.register_content{ background:#FFF; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; overflow:hidden;}
.text{ padding-bottom:5px;}
.login_img{ width:140px; text-align:center;}
.textfield{ width:225px;}
.textfield2{ width:235px;}
.login_label{ text-align:right; width:70px;}
.fl_left{ float:left; padding:0 10px 0 0; font-size:12px;}



/*************************************************************
************************* Footer ****************************/
#footer { position:absolute; height:32px; padding-top:14px; bottom:0px; background:#262d40; width:100%; font-size:11px; text-align:center; color:#FFF; }
#footer span{ padding:0 4px;}


/*************************************************************
************************* GRID ****************************/
.grid{ background:#FFF; border-collapse: collapse;  }
.grid tr:nth-of-type(odd) { background: #f8f8f8; }
.grid th{ border: 1px solid #e1e1e1; background:#8c91a1 url(../images/grid_head.png) bottom repeat-x; padding:6px;  font-weight:normal; font-family: 'SegoeUISemibold', arial; color:#FFF; }
.grid td{ border: 1px solid #e1e1e1; padding:6px; }
.grid td span{ padding:0 7px;}
.grid th a { color:#FFF; }





/***** Place iPad view CSS under here (Smaller than 980px) *****/
@media only screen and (min-width:768px) and (max-width:979px) {
.container{ width:100%;}
.user_info{ padding:0 5px;}
.user_content{ padding:13px 10px 0 10px;}
.logo{ width:280px;  padding-top:29px; margin-left:6px;}
.logo img{ width:100%; }


}




/***** Place iPhone portrait view CSS under here (320px) *****/
@media only screen and (max-width: 767px) {
.container{ width:100%;}
#footer { height:37px; padding-top:9px; }
#footer span{ display:block; text-align:center; padding:0;}
#footer span.spac{ display:none;}
.login_pad{ padding:0 10px;}
.login_img{display:none;}
#login{ width:100%;}
.textfield{ width:95%;}
.textfield2{ width:99%;}
.fl_left{ float:none; padding:0 0 10px 0;}
.user_info{ padding:0 5px;}
.user_content{ padding:13px 0 0 0;}
.userdate{ display:none;}
.userdetails span{ display:none;}
.userdetails .dc_info span{ display:block;}
.userdetails .userconnected_info span{ display:block;}
.user_header{ height:70px;}
.logo{ width:250px; padding-top:12px;}
.logo img{ width:100%; }


.pool_select{ float:left; padding-top:8px;}

.hidetdformobile { display: none; }
.showtdformobile { display: table-cell; }
.hidedivformobile { display: none; }
.showdivformobile { display: inline; }
 
/* * * * * * grid Responsive * * * * * */
/* Force table to not be like tables anymore */
/*table.grid, .grid thead, .grid tbody, .grid th, .grid td, .grid tr { 
	display: block; 
}*/

/* Hide table headers (but not display: none;, for accessibility)
.grid thead tr { 
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.grid tr { border: 1px solid #e1e1e1; }

.grid td {  */
	/* Behave  like a "row" */
/*	border: none;
	border-bottom: 1px solid #e1e1e1; 
	position: relative;
	padding-left: 50%; 
}

.grid td:before { 
	*//* Now like a table header *//*
	position: absolute;
	*//* Top/left values mimic padding *//*
	top: 6px;
	left: 6px;
	width: 45%; 
	padding-right: 10px; 
	white-space: nowrap;
}
.grid td{ text-align:left;}*/
/*
Label the data
*/
/*.grid td:nth-of-type(1):before { content: "Notification List";  font-weight:normal; font-family: 'SegoeUISemibold', arial; color:#333; }*/
/*.grid td:nth-of-type(2):before { content: "Date";  font-weight:normal; font-family: 'SegoeUISemibold', arial; color:#333; }*/
/*.grid td:nth-of-type(3):before { content: "Mark as Read"; text-align:left;  font-weight:normal; font-family: 'SegoeUISemibold', arial; color:#333; }*/
/*.grid td:nth-of-type(4):before { content: "Remove"; text-align:left;  font-weight:normal; font-family: 'SegoeUISemibold', arial; color:#333; }*/

/***** End *****/


.sml_btn{ width:60px; padding:0 0 4px 0; text-align:center; font-size:13px;}
}


/***** Place iPhone landscape view CSS under here (480px) *****/
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container{ width:100%;}
#footer { height:32px; padding-top:14px; }
#footer span{ display:inline-block; text-align:center; padding:0 4px;}
#footer span.spac{ display:inline-block;}
.fl_left{ float:left; padding:0 10px 0 0;}

.sml_btn{ width:auto; padding:0 18px 4px 18px; text-align:center; font-size:14px;}

/***** End *****/
}




/*********************************************************** NAVIGATION **********************************************************************/
/* * * * * *  desktop-nav  * * * * * */
#desktop-nav { float:right; }
#desktop-nav ul{ height:88px; margin-top:17px;}
#desktop-nav ul li{ display:block; float:left; height:88px; width:86px; text-align:center;}
#desktop-nav ul li.hm{ background:url(../images/ic_hm.png) top center no-repeat;}
#desktop-nav ul li.db{ background:url(../images/ic_db.png) top center no-repeat;}
#desktop-nav ul li.pr{ background:url(../images/ic_pr.png) top center no-repeat;}
#desktop-nav ul li.ht{ background:url(../images/ic_ht.png) top center no-repeat;}
#desktop-nav ul li.sl{ background:url(../images/ic_sl.png) top center no-repeat;}
#desktop-nav ul li.lt{ background:url(../images/ic_lt.png) top center no-repeat;}
#desktop-nav ul li.cv{ background:url(../images/ic_cv.png) top center no-repeat;}
#desktop-nav ul li.fr{ background:url(../images/ic_fr.png) top center no-repeat;}
#desktop-nav ul li.ch{ background:url(../images/ic_ch.png) top center no-repeat;}
#desktop-nav ul li a{ font-size:12px; font-family: 'SegoeUISemibold', arial; color:#333; line-height:1; display:block; padding:58px 0 0 0;}

@media only screen and (max-width:767px) {
#desktop-nav {display:none;}
}

/* * * * * *  mobile-nav  * * * * * */
#mobile-nav { display:none; }
#mobile-nav a.menu-icon { display:block; position:absolute; right:14px; top:-32px; width:40px; height:0; padding-bottom:40px; background:#1899ce url(../images/mobile-menu-icon-open.png) center center no-repeat; cursor:pointer; text-indent:-9999px; }
#mobile-nav a.menu-icon-active { display:block; position:absolute; right:14px; top:-32px; width:40px; height:0; padding-bottom:60px; background:#1899ce url(../images/mobile-menu-icon-close.png) center 5px no-repeat; cursor:pointer; text-indent:-9999px }
#mobile-nav ul { display:none; background-color:#1899ce; width:100%; position:fixed; top:118px; left:0; height:100% }
#mobile-nav ul li{ width:100%; border-bottom:1px solid #64c4eb;}
#mobile-nav ul li a { text-decoration:none; font-size:15px; display:block; padding:10px 10px 9px 10px; color:#fff; -webkit-transition:200ms ease-in-out; -moz-transition:200ms ease-in-out; transition:200ms ease-in-out }
#mobile-nav ul li a:hover { color:#333; background-color:#fff; }
@media only screen and (max-width:767px) {
#mobile-nav {display:block; width:100%; position:relative; z-index:9999; top:48px; -webkit-backface-visibility:hidden;}
}



/**************************************************************** NEW 23-08-13 *************************************************************/
#footer .container{ overflow:hidden;}
.f_left{ float:left;}
.f_left a{ color:#FFF;}
.f_right{ float:right;}
.main_title{ background:#FFF url(../images/titlebg.png) bottom repeat-x; padding:8px 10px; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-top:1px solid #d7d7d7;}
.titleic{ width:50px;}
.titletext{ color:#2c2c2c; font-size:30px; padding-left:10px;}
.txt_label{ color:#00386b; font-size:14px; font-family: 'SegoeUISemibold'; padding-bottom:5px;}
.wt_text{ font-size:60px; font-family: 'SegoeUISemibold'; font-weight:normal; color:#00386b;}
.c{ vertical-align:40px;}
.bot_pad{ padding-bottom:25px;}
.st_value{ padding:0 10px; color:#00386b; font-size:48px;}
.st_value .c{ vertical-align:36px;}
.st_div table{ margin:0 auto;}
.wt{ width:290px; float:left; margin:30px 0 0 50px;text-align:center;}
.hsm{ width:290px; float:left; margin:30px 0 0 0;text-align:center;}
.st{width:290px; float:left; margin:30px 0 0 0;text-align:center;}
.cg{ width:50%; float:left; margin:0px 0 0 0px;text-align:center;}

.lighting_left{ float:left; width:50%; text-align:right; padding-top:30px; overflow:hidden;}
.lighting_right{ float:right; width:50%; padding-top:30px; overflow:hidden;}

.lt_label{ width:23%; float:left; text-align:right; color:#00386b; font-family: 'SegoeUISemibold', arial; font-size:14px; padding-top:4px; padding-right:1%;}
.lt_detail{ width:70%; float:left; text-align:left;}
.con_center{width:85%; margin:0 auto; padding:5px 0 20px 0; overflow:hidden;}
.swth table{ margin:0 auto;}

.ps_left{ float:left; width:51%; text-align:right; padding-top:20px; overflow:hidden;}
.ps_right{ float:right; width:49%; padding-top:20px; overflow:hidden;}
.ps_label{ width:40%; float:left; text-align:right; color:#00386b; font-family: 'SegoeUISemibold', arial; font-size:14px; padding-top:4px; padding-right:2%;}
.ps_detail{ width:58%; float:left; text-align:left;}
.ps_left .clear, .ps_right .clear{ height:10px;}
a.btn_change{ background:#262d40 url(../images/butbg.png) top repeat-x; color:#FFF; text-transform:uppercase; display:inline-block; padding:4px 10px 5px 10px; margin-left:6px; text-decoration:none; font-family: 'SegoeUISemibold', arial; font-size:13px;}




a.btn_grey{ background:#dedede url(../images/bt_grey.png) bottom repeat-x; border:1px solid #c9c9c9; color:#FFF; text-transform:uppercase; display:inline-block; padding:3px 10px; text-decoration:none; font-family: 'SegoeUISemibold', arial; font-size:14px; }
a.btn_white{ background:#FFF; border:1px solid #c9c9c9; color:#aaaaaa; text-transform:uppercase; display:inline-block; padding:3px 10px; text-decoration:none; font-family: 'SegoeUISemibold', arial; font-size:14px; }
a.btn_red{ background:#fd612e url(../images/bt_red.png) bottom repeat-x; border:1px solid #e23336; color:#FFF; text-transform:uppercase; display:inline-block; padding:3px 10px; text-decoration:none; font-family: 'SegoeUISemibold', arial; font-size:14px; }
a.btn_green{ background:#88c853 url(../images/bt_green.png) bottom repeat-x; border:1px solid #5db84e; color:#FFF; text-transform:uppercase; display:inline-block; padding:3px 10px; text-decoration:none; font-family: 'SegoeUISemibold', arial; font-size:14px; }
a.btn_blue{ background:#82c0f9 url(../images/bt_blue.png) bottom repeat-x; border:1px solid #4ca5d6; color:#FFF; text-transform:uppercase; display:inline-block; padding:3px 10px; text-decoration:none; font-family: 'SegoeUISemibold', arial; font-size:14px; }
a.btn_yellow{ background:#82c0f9 url(../images/yellow.jpg) bottom repeat-x; border:1px solid #f4ca21; color:#FFF; text-transform:uppercase; display:inline-block; padding:3px 10px; text-decoration:none; font-family: 'SegoeUISemibold', arial; font-size:14px; }
a.btn_lgtorange{ background:#82c0f9 url(../images/lgtOrange.jpg) bottom repeat-x; border:1px solid #f3993f; color:#FFF; text-transform:uppercase; display:inline-block; padding:3px 10px; text-decoration:none; font-family: 'SegoeUISemibold', arial; font-size:14px; }
a.btn_orange{ background:#82c0f9 url(../images/Orange.jpg) bottom repeat-x; border:1px solid #f0701c; color:#FFF; text-transform:uppercase; display:inline-block; padding:3px 10px; text-decoration:none; font-family: 'SegoeUISemibold', arial; font-size:14px; }


.red{ background:#f33a29; display:inline-block; margin-left:10px; height:24px; width:24px; border:1px solid #FFF;}
.orange{ background:#f07012; display:inline-block; margin-left:10px; height:24px; width:24px; border:1px solid #FFF;}
.yellow{ background:#fff55b; display:inline-block; margin-left:10px; height:24px; width:24px; border:1px solid #FFF;}
.green{ background:#3dba53; display:inline-block; margin-left:10px; height:24px; width:24px; border:1px solid #FFF;}
.blue{ background:#20aee3; display:inline-block; margin-left:10px; height:24px; width:24px; border:1px solid #FFF;}
.purple{ background:#9653e2; display:inline-block; margin-left:10px; height:24px; width:24px; border:1px solid #FFF;}
.white{ background:#FFF; display:inline-block; margin-left:10px; height:24px; width:24px; border:1px solid #c7c7c7;}
.commoncolor{display:inline-block; margin-left:4px; margin-right:4px; height:24px; width:24px; border:1px solid #c7c7c7;}

.cl_selected{height:18px !important; width:18px !important; border:4px solid #bebebe !important;}


.favorites{ padding:35px 0 35px 0; overflow:hidden;}
.favorites ul{ list-style:none;}
.favorites ul li{ list-style-type:none; width:200px; float:left; display:block; margin:0 0 25px 21px; overflow:hidden;}
.favorites a.btn_change{ margin-left:0;padding-left:0; padding-right:0; width:78px; text-align:center;  }
.label_white{ float:left; background:#FFF; border:1px solid #c9c9c9; color:#00386b; display:inline-block; padding:3px 0; width:90px; text-align:center; font-family: 'SegoeUISemibold', arial; font-size:14px; }
.favorites .btn_green, .favorites .btn_blue, .favorites .btn_red, .favorites .btn_grey{ padding-left:0; padding-right:0; width:76px; text-align:center;}
.fav_con{ padding:15px 0px !important;}
.fav_btn{ float:left; width:78px; overflow:hidden; height:27px;}
.popup{ background:#FFF; width:282px;  margin:10px auto; border:1px solid #c9c9c9;
-webkit-box-shadow: 0px 0px 10px 0px #999;
box-shadow: 0px 0px 10px 0px #999; 
-webkit-border-radius: 6px;
border-radius: 6px; 
}
.popup .btn_change{ margin:0;}
.color_list_10{ padding:5px 0px 0px 0px; width:10%}
.color_list_3{ padding:5px 0px 0px 0px; width:33%}
.color_list_2{ padding:5px 0px 0px 0px; width:50%}
a.bl_link{ background:#808080; color:#FFF; text-decoration:none; display:inline-block; padding:4px 10px; min-width:60px;text-align:center; margin-bottom:2px;}
.popup td{ padding-bottom:20px;}
a.bl_link:hover{ background:#103e69;}
.ui-front{ z-index:9999999999 !Important;}


@media only screen and (max-width:767px) {
.foot { background:#4bb4e0 url(../images/blue_bg.png) bottom repeat-x !important; }
.f_left{ float:none; display:none;}
.f_right{ float:none;}
.user_content{ padding:0;}
.con_area{ border-left:none; border-right:none; border-top:none;}
.main{ padding-bottom:46px;}
.titleic{ width:30px;}
.titleic img{ width:100%;}
.titletext{  font-size:24px; padding-left:8px;}
.main_title{  border-bottom:1px solid #d7d7d7;}
.wt{ width:auto; float:none; margin:10px 0 0 30px; }
.hsm{ width:auto; float:none; margin:20px 0 0 0; overflow:hidden;}
.st{width:auto; float:none; margin:30px 0 0 0;}
.st_div{ text-align:center;}
.bot_pad{ padding-bottom:10px;}
.hsm p{ float:left; width:45%; padding:5px 10px 0 0; text-align:right;}
.hsm .swth{ float:left;}
.cg{ width:auto; float:none; margin:0px; }

.lighting_left{ float:none; width:auto; text-align:center; padding-top:14px;}
.lighting_right{ float:none; width:auto; text-align:center; padding-top:14px;}

.ps_left{ float:none; width:auto; text-align:center; padding-top:20px;}
.ps_right{ float:none; width:auto; text-align:center; padding-top:20px;}
.con_center{width:100%; margin:0 auto; padding:0 0 25px 0;}

.favorites{ width:170px; margin:0 auto; padding:20px 0 0 0;}
.favorites ul li{width:170px; margin:0 0 25px 0;}


}


/***** Place iPad view CSS under here (Smaller than 980px) *****/
@media only screen and (min-width:768px) and (max-width:979px) {
.wt{ width:33%; margin:30px 0 0 0px;}
.hsm{ width:33%;}
.st{width:33%;}
.con_center{width:85%;}
.favorites{ width:600px; margin:0 auto;}
.favorites ul li{width:170px; margin:0 0 30px 30px;}
.cg{ width:50%;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.favorites{ width:400px; margin:0 auto;}
.favorites ul li{width:170px; margin:0 0 30px 30px;}
}
.RequiredText { color: red; }
.errormsg{color:Red;}
.paging table { float:right; }
.paging table tr { list-style-type: none; margin: 4px 0 5px 0px; padding: 0px; }
.paging table tr td { margin: 4px 5px; padding: 0;}

.paging table tr td a:hover { background:#6d7487  url(../images/paging_h.png) repeat-x scroll center top; border: medium none; color: #FFFFFF; padding: 5px 7px 4px 7px; text-decoration: none; }
.paging table tr td span { background: #6d7487 url(../images/paging_h.png) repeat-x scroll center top; border: medium none; color: #FFFFFF; padding: 5px 7px 4px 7px; text-decoration: none; }
.paging table tr td a { background: #6d7487 url(../images/paging_h.png) repeat-x scroll center top; border: medium none; color: #FFFFFF; padding: 5px 7px 4px 7px; text-decoration: none; }
.information { background: none repeat scroll 0 0 #E0F2F9; border: 1px solid #A3CDDB; font-size: 11px; padding: 8px; }
.information span { color: #317A9F; font-weight: bold; }
.information img { padding-right: 8px; vertical-align: -3px; }
.success { background: none repeat scroll 0 0 #EAF0D2; border: 1px solid #B7C485; font-size: 11px; padding: 8px; }
.success span { color: #528404; font-weight: bold; }
.success img { padding-right: 8px; vertical-align: -3px; }
.error { background: none repeat scroll 0 0 #F7E4E3; border: 1px solid #D29595; font-size: 11px; padding: 8px; }
.error span { color: #9C413A; font-weight: bold; }
.error img { padding-right: 8px; vertical-align: -3px; }

.progressBackgroundFilter {position: fixed;top: 0px;bottom: 0px;left: 0px;right: 0px; overflow: hidden;padding: 0; margin: 0;background-color: #000;filter: alpha(opacity=50);opacity: 0.5; z-index: 100001; }
 .processMessage{position: fixed;top: 30%;left: 43%;padding: 10px;width: 14%;z-index: 100011;background-color: #fff;border: solid 1px #000;color: #2c2c2c;font-weight: bold;font-size: 12px;}
 
 /************************** ADD 3-9-13 *****************************/
.settinglink{ position:relative; z-index:10000;}
.setting_popup{ position:absolute; top:15px; left:-32px;}
.pop_top{ background:url(../images/pop_top.png) top left no-repeat; width:188px; height:16px;}
.pop_middle{ background:url(../images/pop_middle.png) top left repeat-y; width:152px; padding:0px 18px; color:#333; text-transform:none; }
.pop_bottom{ background:url(../images/pop_bottom.png) top left no-repeat; width:188px; height:9px;}
.pop_middle ul{ list-style:none;}
.pop_middle ul li{ list-style-type:none; border-top:1px solid #e0e1e1;}
.pop_middle ul >:first-child{border-top:none;} 
.pop_middle ul li a{ display:block; color:#0c5a8c; padding:7px 0;}
.pop_middle ul li a:hover{ text-decoration:underline;}

/************************** ADD 26-6-14 *****************************/
.chem_table{ border-spacing: 15px; border-collapse: separate; width:100% }
.chem_txt_td{ color:#00386b; font-size:14px; font-family: 'SegoeUISemibold'; padding-bottom:5px; text-align:right; width:50% }
.chem_val_td{ text-align:left; width:50% }
.chem_label{ border:1px solid #c9c9c9; display:inline-block; padding:3px 0; width:90px; text-align:center; font-family: 'SegoeUISemibold', arial; font-size:24px; }
.chem_gauge{ height: 151px; background-image: url('../images/gauge.png'); background-repeat: no-repeat; background-position: center top; }
.chem_phval{ position: relative; left: 55px; top: -55px; }
.chem_phvalframe{ height:0px }
.chem_txtok{ background:#FFFFFF; color: #00386b; }
.chem_txterror{ background:#f99734; color: #FFFFFF; }