/* Global Default Settings */
html, body
{	height: 100%;}

body {
  margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #000000;
	background-color: #BCBCBC;
	behavior: url('../script/csshover.htc');	
	height: 100%;
}


p, form, table, th, td, div, input, select, textarea {
	margin: 0;
	padding: 0;
}

form,  select, {font-size:11px; color:#464646 }




img	{border: 0px; vertical-align:middle}

.title {font-size:16px; color: #F7601B; font-weight:bold; margin-bottom:8px}
td{vertical-align:top}

.titlebar 
{ border: 1px solid #CCC; padding:3px; font-weight: bold; font-size: 13px; 
	color: black; background: url(../images/h2.gif) repeat-x;}


.popup{background:#fff url(../images/grey_bg.gif) repeat-x; padding:15px; width:520px; border:1px solid #ccc}


.intro{padding: 50px 20px 20px 30px ;vertical-align:top;}
.w_org30{color: #00adef; font-weight:bold; font-size:26px; margin-bottom:15px}
.notice{padding:5px 20px 5px 20px;vertical-align:top;}
.note{color: #00adef; font-weight:bold; font-size:14px}
.w_org18{color: #00adef; font-weight:bold; font-size:22px; margin-bottom:15px; line-height:25px}
.error{color:#c00; font-weight:bolder; font-size:11px; line-height:12px}
.error_box{color:#c00; font-weight:bolder; font-size:11px; padding:2px 10px; margin:1px 0px; border:1px solid #c00; background:#FDECEC}
.w_blueb12{font-weight:bolder; color:#00adef; }
.w_blueb17{font-weight:bolder; color:#00adef; font-size:17px}
.w_blueb18{font-weight:bolder; color:#00adef; font-size:18px}
.w_greyb18{font-weight:bolder; color:#898989; font-size:18px}
.w_redb18{font-weight:bolder; color:#f00; font-size:18px}
.w_grey10{color:#999; font-size:10px; font-weight:bolder; line-height:15px}
.w_grey12{color:#898989; font-size:12px; font-weight:bolder}


.w_grey10_n{color:#999; font-size:10px; font-weight:normal; line-height:15px}




acronym {border-bottom:1px #ccc dotted; cursor:help; }
.check{text-align:center; font-weight:bolder; padding-top:150px; color:#00adef}


a{color:#00adef; text-decoration:underline}
a:visited{color:#00adef; text-decoration:underline}
a:hover{color:#898989; text-decoration:none}
a:active{color:#898989; text-decoration:none}





/* Header */

#header {background:url(../images/header_bg.gif) ;
	padding: 0px 0px;
	text-align: left;
}
#header .device-title{	color:#E6E6E6; font-size: 16px; font-weight:bold; padding-right:20px; padding-top:20px}





/* Columns */

#footer, #header, .content, .copyright
{	width: 722px; 
  margin: 0px auto;
}

.cleaner {  clear: both;	margin: 0;}













/* Footer */

#ft-nav { width:auto; margin:0px; padding:0px; list-style:none; background:url(../images/footer_bg.gif);height:24px }

#ft-nav li{ float:left; margin:0px;   font-size:11px; font-weight:normal; color:#fff}

#ft-nav a{float:left; display:block; margin:0px; color:#fff; text-decoration:none; background:url(../images/footer_bg.gif) ; padding:2px 8px}

#ft-nav a:hover{ color:#f4f3f3; text-decoration:none; background:url(../images/footer_hover.gif) ; }

.sep{background:url(../images/footer_sep.gif) no-repeat top center}


/*copyright*/
.copyright {font-size:10px; font-weight:normal; color:#363636; text-align:center}



/* Content Elements */
.whitebox_s { background:url(../images/vtabt.gif) repeat-x top; height: 5px;}

div.content_box {border: 1px solid #5e5e5d; background: white url("../images/box2.gif") repeat-x top left; padding:0px; height: 451px;}
div.tscontent_box {border: 1px solid #5e5e5d; background: white url("../images/box2.gif") repeat-x top left; padding:0px; }
.content_height{margin:0px; padding:0px; height:383px}
.tscontent_height{margin:0px; padding:0px}





.floatl {	float: left;}
.floatr{	float: right;}



/*****************************D-life Buttons *****************************/
div.btnbar {
	padding: 3px 3px 0px 0px;
	margin: 10px -4px 0px -4px;
	
	clear: both;
}

div.whitebox div.btnbar
{ margin-bottom: -4px;}

div.btnbart {
	height: 40px;
	clear: both;
}


/* All Buttons */
div.btn, div.btnd, div.btnw, div.btnwd, div.btnb, div.btnbd, div.btnw2, div.btnw2d /* add btnw2/btnw2d 20080306*/
{	padding-left: 20px;
	font-weight: bold;
	text-align: center;
	margin: 2px 5px 2px 5px;
}

div.btn div, div.btnd div, div.btnw div, div.btnwd div, div.btnb div, div.btnbd div, div.btnw2 div, div.btnw2d div /* add btnw2/btnw2d 20080306*/
{	padding-right: 20px;}

/* Blue Btn */
div.btn, div.btnd
{	background: url(../images/btn_blue_left.gif) left top no-repeat;
	height: 31px;
	line-height: 31px; }

div.btn div, div.btnd div
{	background: url(../images/btn_blue_right.gif) right top no-repeat;
}


/* White Btn */ /* White Btn2 20080306*/
div.btnw, div.btnwd, div.btnw2, div.btnw2d /* add btnw2/btnw2d 20080306*/
{	background: url(../images/btn_white_left.gif) left top no-repeat; 
	height: 31px;
	line-height: 31px;}

div.btnw div, div.btnwd div, div.btnw2 div, div.btnw2d div /* add btnw2/btnw2d 20080306*/
{	background: url(../images/btn_white_right.gif) right top no-repeat;	}


/* Black Btn */
div.btnb, div.btnbd
{	background: url(../images/btn_black_left.gif) left top no-repeat;
	height: 31px;
	line-height: 31px; }

div.btnb div, div.btnbd div
{	background: url(../images/btn_black_right.gif) right top no-repeat;	}


/* Normal and Disabled */
div.btn{color: white; font-weight: bold;}
div.btnd{color: white; font-weight: normal;}
div.btnw{color: #008bc5;font-weight: bold;}
div.btnwd{color: #999;font-weight: normal;}
div.btnb{color: white; font-weight: bold;}
div.btnbd{color: white; font-weight: normal;}
div.btnw2{color:#333333; font-weight:bold;} /* add btnw2/btnw2d 20080306*/
div.btnw2d{color:#CCCCCC; font-weight:normal;} /* add btnw2/btnw2d 20080306*/

div.btnd, div.btnd div, div.btnwd, div.btnwd div, div.btnbd, div.btnbd div, div.btnw2d div /* add btnw2/btnw2d 20080306*/
{	background-position-y: -93px;}

/* Mouseover type */
div.btn, div.btnw, div.btnb, div.btnw2 {	cursor: pointer;} /* add btnw2/btnw2d 20080306*/
div.btnd, div.btnwd, div.btnbd, div btnw2d {	cursor: default;} /* add btnw2/btnw2d 20080306*/

div.btn:hover, div.btnw:hover,  div.btn:hover div, div.btnw:hover div, { background-position-y: -31px;}
div.btn:active, div.btnw:active,  div.btn:active div, div.btnw:active di{ background-position-y: -62px;}

div.btnb:hover, div.btnb:hover div{ background-position-y: -31px;}
div.btnb:active, div.btnb:active div { background-position-y: -62px;}

div.btnw2:hover, div.btnw2:hover div{ background-position-y: -31px;} /* add btnw2/btnw2d 20080306*/
div.btnw2:active, div.btnw2:active div { background-position-y: -62px;} /* add btnw2/btnw2d 20080306*/


div.btnbd:hover, div.btnbd:hover div{ background-position-y: -93px;}











/* step menu */
.step, .step_on, .step_done{  font-weight: bold;   }
.step{ color: #F5F4F4; padding: 10px 0px 10px 10px; border-right: 1px solid #ACACAC; border-top: 1px solid #ACACAC; border-left: 0px solid #DDD; background:#E1E0E0; font-size:15px;}
.step_last{  background: url(../images/step_menu_bottom.gif) repeat-x top; border-right: 1px solid #ACACAC; height:268px}
/*.stepn{ color: #F5F4F4; font-size:35px ; padding: 3px; height:35px}*/
.step_on{  color: #00adef; padding: 10px 0px 10px 10px; background:#fff ;  font-size:16px}
.step_done{  color: #898989; padding: 10px 0px 10px 10px; background:#f5f4f4 ;  font-size:16px; border-bottom: 1px solid #ACACAC; border-right: 1px solid #ACACAC;}

.menu_right{background:#fff; width:572px; padding:10px; vertical-align: top; }
.drop{float:left; font-size:40px; line-height: 1em; }


/* pwd page */
#pwd {margin:5px 0px 5px 0px; padding:0px 5px 0px 15px}
#pwd p{margin-bottom:15px }
#pwd td{padding:3px 6px; text-align:left;  }

/* wan page */
#wan {margin:0px; padding:0px 5px 0px 15px}
#wan p{margin-bottom:15px }



/* lan page */
#lan {margin:0px 0px 0px 0px; padding:0px 5px 0px 15px}
#lan td{padding:2px 4px; text-align:left }
#rescan {font-size:10px; color:#008bc5; padding:0px; }

/* timezone page */
#timezone  {margin:10px 0px 125px 0px; padding:0px 5px 0px 15px}
#timezone   td{padding:3px 6px; text-align:left }

/*complete page */
#done  {margin:5px 0px 0px 0px; padding:0px 5px 0px 5px}
#done   td{padding:0px 3px; text-align:left; vertical-align:top }
#done .w12b{font-weight:bolder; line-height: 16px;}
#done .w10{font-weight:normal; font-size:10px; line-height: 13px; margin-bottom:6px}
#done .w10bb{font-weight:bolder; color:#00ADEF}


/* d-life mydevice table */
.devicelist {	border-collapse: collapse;}
.dev { cursor: pointer;  text-align:left}
.dev td{ cursor: pointer;}
.devicelist .dev{     background: white; border: 0px solid #B9BDBE;}
.devices .dev{    background: #FAFAFA;   border-left: 0px solid #DDD; border-right: 1px solid #B9BDBE; border-top: 0px solid #DDD; color: #666;}
.devicelist .dev:hover { background: #f2f0f0;}
.dev:hover { background: white; color: black;}

.camlistth {background:#00AEEF; border-bottom: 1px solid #F7F7F7; border-right: 1px solid #F7F7F7; padding:4px 10px; text-align:left; color:#fff}
.camlisttd {border-bottom:1px #ccc solid; padding:3px 5px}

.camlist2{border-top: 1px solid #F7F7F7; border-left: 1px solid #F7F7F7; text-align:left}
.camlist2th {background:#00AEEF; border-bottom: 1px solid #F7F7F7; border-right: 1px solid #F7F7F7; padding:4px 10px; text-align:left; color:#fff}
.camlist2td {background:#fff; border-bottom: 1px solid #F7F7F7; border-right: 1px solid #F7F7F7; padding:3px 10px; text-align:left; color:#000}
.camlist2td_disable{color:#ccc}

/*support page*/
#support a:link{font-weight:bolder; color:#363636}
#support a:visited{font-weight:bolder; color:#898989}
#support a:hover{font-weight:bolder; color:#00ADEF}
#support a:active{font-weight:bolder; color:#00ADEF}


/* activex alert box */
.redbox_top{background:url(../images/redbox_top.gif) repeat-x bottom left; width:271px; margin:0px}
.redbox_top_330{background:url(../images/redbox_top_330.gif) repeat-x bottom left; width:530px; margin:0px}
.redbox_body{background:url(../images/redbox_body.gif) repeat-x top left; width:270px; border-left:1px solid #FDD3D3; border-right:1px solid #FDD3D3; margin:0px; padding:0}
.redbox_body_330{background:url(../images/redbox_body.gif) repeat-x top left; width:530px;  margin:0px; padding:0}
.redbox_bottom{background:url(../images/redbox_bottom.gif) repeat-x top left; width:271px; margin:0px}
.redbox_bottom_330{background:url(../images/redbox_bottom_330.gif) repeat-x top left; width:530px; margin:0px}

/* pwd grey box */
/* 
.greybox_top{background:url(../images/greybox_top.gif) repeat-x bottom left; width:453px; margin:0px}
.greybox_body{ background:url(../images/greybox_body.gif) repeat-x top left; width:451px; border-left:1px solid #EBEBEB; border-right:1px solid #EBEBEB; margin:0px; padding:0}
.greybox_bottom{background:url(../images/greybox_bottom.gif) repeat-x top left; width:453px; margin:0px}
*/


/* checklist */
#checklist {margin:10px; line-height:25px}
#checklist  ol{margin:0px 10px 10px 0px; padding:0px 5px}
#checklist  li{list-style:none}
#checklist  .title1{background:url(../images/icon3.gif) no-repeat 0 20%; font-weight:normal; font-size:12px; color:#000; padding:4px 25px; line-height:22px}

/* Troubleshooting*/
.ts{ font-size:14px}
.ts li{line-height:30px;}
.ts a{color:#000; text-decoration:none;}
.ts a:visited{color:#999; text-decoration:none;}
.ts a:hover{color:#00adef; text-decoration:underline;}
.ts a:active{color:#00adef; text-decoration:underline;}
.ts .title{font-size:14px; color: #00adef; font-weight:bold; margin-bottom:8px}
.ts .content{ padding:10px; color:#000; width:620px;  line-height:18px; font-size:12px; margin-top:10px; margin-bottom:20px;font-weight:normal}
.ts .content  li{ line-height:20px;}

.ModelName{white-space:nowrap}