html, body {
border : 0;
margin-right : auto;
margin-left : auto;
background-color : #f7f4f4;
padding : 0;
}
body {
margin : 0 auto;
padding : 0;
line-height : 1.5em;
}
a {
text-decoration : none;
color : #cc3300;
}
a:hover {
text-decoration : underline;
color : #111;
}
div.ContainerIn {
width : 1000px;
background-color : #ffffff;
margin-right : auto;
margin-left : auto;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
height : auto;
}
div.row {
width : 1000px;
height : 250px;
clear : both;
background-color : #ffffff;
margin : 0 auto;
}
div.row .leftCol, div.row .rightCol {
height : 220px;
background-color : #ffffff;
}
div.row .leftCol {
width : 21%;
float : left;
border : 1px solid #d4d5d6;
padding : 0 0 0 5px;
margin-left : 5px;
margin-top : 10px;
margin-bottom : 5px;
text-align : justify;
color : #434343;
background : url(../static_images/box_top_bk.jpg) no-repeat left top;
}
div.row .rightCol {
width : 76%;
float : right;
padding-top : 8px;
padding-left : 0;
border : none;
background-color : #ffffff;
margin-top : 4px;
}
div.row .rightCol tr {
border : none;
}
span.LabelLeft {
font-family : Arial, Helvetica, sans-serif;
font-size : 16px;
font-weight : bold;
float : left;
color : rgb(0, 0, 0);
}
span.more {
float : right;
font-weight : bold;
margin-right : 20px;
color : rgb(204, 51, 0);
}
.leftCol .leftImage {
float : left;
margin-right : 8px;
margin-top : 8px;
}
.middNews {
width : 100%;
height : 60px;
padding-top : 0;
padding-left : 0;
border : none;
background-color : #ffffff;
margin : 0 0 2px 0;
}
.righPanel {
border : 1px solid #d4d5d6;
color : #434343;
padding : 5px 8px 0;
text-align : justify;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
line-height : 17px;
color : #3b3b3b;
height : 220px;
background : url(../static_images/box_top_bk.jpg) no-repeat left top;
}
.righPanel1 {
border : 1px solid #d4d5d6;
color : #434343;
padding : 0 0 0 0;
text-align : left;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
line-height : 17px;
height : 220px;
padding : 0 13px 0 0;
float : right;
margin-right : 4px;
background : url(../static_images/box_top_bk1.jpg) no-repeat left top;
}
.righPanel.rightImage {
float : right;
margin-right : 2px;
margin-top : 2px;
}
.middl_panel_inner {
width : 100%;
float : left;
margin-left : 0;
}
.righPanel_inner {
color : #434343;
padding : 5px 8px 0;
text-align : justify;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
line-height : 17px;
color : #3b3b3b;
height : auto;
width : 90%;
margin-right : 4px;
background-color : #ffffff;
}
.leftCol_inner {
width : 19%;
height : auto;
float : left;
border-right : 1px dotted #cccccc;
padding : 5px 8px 0 8px;
text-align : justify;
color : #434343;
background-color : #ffffff;
}
.dhtmlwindow {
position : absolute;
border : 2px solid #68a0d1;
visibility : hidden;
background-color : #86300a;
color : #ffffff;
}
.drag-handle {
padding : 1px;
text-indent : 3px;
height : 20px;
font : bold 14px Arial;
background-color : #06597f;
color : white;
cursor : move;
overflow : hidden;
width : auto;
}
.drag-handle, .drag-controls {
position : absolute;
right : 1px;
top : 2px;
cursor : pointer;
}
* html .drag-handle {
width : 100%;
}
.drag-contentarea {
background-color : #86300a;
color : black;
height : 150px;
padding : 2px;
overflow : auto;
}
.drag-statusarea {
background-color : #f8f8f8;
height : 13px;
}
.drag-resizearea {
float : right;
width : 13px;
height : 13px;
cursor : nw-resize;
font-size : 0;
}
.cotentInnerDiv {
width : 1000px;
min-height : 400px;
background-color : white;
}
.activateAccount {
padding : 50px;
font-weight : bold;
}
.error_message {
color : red;
font-weight : bold;
padding : 10px;
}
.message {
color : #114400;
padding : 10px;
}
.guide {
width : 1000px;
height : auto;
margin : 0 auto;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #3b3b3b;
background-color : #ffffff;
}
.guide_body {
width : 970px;
height : auto;
margin : 0 auto;
}
.guide_top_nav {
background : url(../static_images/topbar_left.jpg) repeat-x;
height : 25px;
}
.guide_cloudDiv {
height : 80px;
background : url(../static_images/cloud.jpg) repeat-x;
}
.guide_dvr_nav {
background : url(../static_images/guide_dvr.jpg) repeat-x;
height : 12px;
}
.guide_h1 {
font-size : 18px;
font-family : Arial, Helvetica, sans-serif;
color : #000000;
border-bottom : 2px groove #434343;
padding-bottom : 5px;
margin : 0 20px;
}
.guide_h2 {
font-size : 12px;
font-family : Arial, Helvetica, sans-serif;
color : #066393;
margin : 0 40px;
font-weight : 600;
}
.guide_word_highlight {
font-size : 12px;
color : #006600;
font-weight : bold;
font-style : italic;
}
.style2 {
float : right;
font-weight : bold;
margin-right : 20px;
color : rgb(204, 51, 0);
font-size : 10px;
}
.guide_footDevide {
width : 24%;
height : 100px;
float : right;
padding : 5px 0 0 25px;
font-size : 11px;
line-height : 20px;
}
.guide_footDevider {
width : 17%;
height : 100px;
float : left;
padding : 5px 0 0 25px;
font-size : 11px;
line-height : 20px;
}
.guide_foot_last {
width : 100%;
height : 6px;
padding : 2%;
background-color : #999999;
font-size : 11px;
}
.foot_last_link {
width : 1000px;
margin : 0 auto;
background-color : #999999;
}
.ie6pop {
width : 300px;
height : 100px;
text-align : center;
line-height : 22px;
font-weight : bold;
color : #5c5c5c;
background-color : #fefe99;
font-size : 13px;
font-family : Arial, Helvetica, sans-serif;
position : absolute;
top : 10%;
left : 40%;
z-index : 2;
border : thin solid rgb(244, 213, 131);
display : none;
}
.ie6popInner {
width : 320px;
height : 120px;
position : relative;
left : -10px;
top : -10px;
background-color : #fafa8a;
}
.ie6popHead {
width : 10px;
height : 17px;
cursor : pointer;
float : right;
background-color : #f77653;
font-weight : bold;
padding-right : 2px;
color : #ffffff;
text-align : right;
border-left : 1px solid #cdae05;
border : 1px solid #cdae05;
}
.ie6popClose {
background-color : #f77653;
padding : 2px;
font-size : 12px;
font-weight : bold;
font-family : Arial, Helvetica, sans-serif;
color : #e6e6e4;
font-weight : bold;
}