body  { background : #373737; margin : 0 auto; padding : 0; color : #000000; font-family : Tahoma, Helvetica, Verdana; font-size : 12px; font-weight : normal; height : 100%; min-height : 100%; text-align: center;}
html { height : 100%; min-height : 100%; }
body, td, table, div, input,button { font-family : Tahoma, Helvetica, Verdana; font-size : 11px; font-weight : normal; text-decoration : none;}
a, a:visited {color : #333333; text-decoration: none; font-weight : bold}
a:hover {color : #000000; text-decoration: underline; font-weight : bold}

#outer { background : #000000; height : 100% ; min-height : 100% ; width : 729px; display : block; margin : 0 auto; margin-left : 1px; margin-right : 1px; padding-left : 1px; padding-right : 1px; padding-top : 6px; padding-bottom : 6px; border-left : 1px dashed #808080; border-right : 1px dashed #808080;}
#main { background : #000000; height : 100% ; min-height : 100% ; width : 721px; margin : 0 auto; padding : 0; border : 0px solid #808080;  }
#inner { background : #000000; height : 100% ; min-height : 100% ; width : 721px; margin : 0; padding : 0; border : 0px solid #FFFFFF; border-left : 1px solid #FFFFFF; border-right : 1px solid #FFFFFF;}
#mostinner { background : #0000000; height : 100% ; min-height : 100% ; width : 711px; margin : 0; padding : 0; border : 0px solid #FFFFFF; border-left : 1px solid #FFFFFF; border-right : 1px solid #FFFFFF; }

#head { background : url('img/head11.jpg') no-repeat; width : 721px; height : 73px; margin : 0; padding : 0; border : 0px solid #808080;}
#foot { background : url('img/foot.jpg') no-repeat; width : 721px; height : 53px; margin : 0; padding : 0; border : 0px solid #808080;}

#vertfader { background : #000000; width : 4px; height : 100% ; min-height : 100% ; margin : 0; padding : 0; border : 0px solid #808080; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#000000);  }
#vertsep { background : #FFFFFF url('img/point.gif') repeat;; width : 1px; height : 100% ; min-height : 100% ; margin : 0; padding : 0; border : 0px solid #808080;}
#vertsep2 { background : #000000 url('img/point2.gif') repeat; width : 3px; height : 100% ; min-height : 100% ; margin : 0; padding : 0; border : 0px solid #808080;}

#topmenu { background : #0000000; height : 85px ; width : 703px; margin : 0; padding : 0; border : 0px solid #FFFFFF; margin-bottom : 3px; }
#leftmenuouter { background : #000000; height : 100% ; min-height : 100% ; width : 138px; display : block; margin : 0 auto; padding : 0;  background : #FFFFFF }
#contentouter { background : #000000;  height : 100% ; min-height : 100% ;  width : 562px; display : block; margin : 0 auto; padding : 0;  background : #FFFFFF }

#leftmenuhead { background : url('img/leftmenu_head.jpg') no-repeat; width : 138px; height : 32px; margin : 0; padding : 0; border : 0px solid #808080; text-align : right; vertical-align : top; padding-right : 20; padding-top : 4.5; color : #FFFFFF; }
#leftmenuhead a, #leftmenuhead a:visited { color : #FFFFFF; }
#leftmenuhead a:hover{ color : #000000; }
#contenthead { background : url('img/content_head.jpg') no-repeat; width : 562px; height : 32px; margin : 0; padding : 0; border : 0px solid #808080; text-align : left; vertical-align : top; padding-left : 20; padding-top : 4.5; color : #FFFFFF; }

#leftmenufoot { background : url('img/leftmenu_foot.jpg') no-repeat; width : 138px; height : 7px; margin : 0; padding : 0; border : 0px solid #808080; }
#contentfoot { background : url('img/content_foot.jpg') no-repeat; width : 562px; height : 7px; margin : 0; padding : 0; border : 0px solid #808080; }

#leftmenu { background : #EEEEEE; height : 100% ; min-height : 100% ; width : 138px; display : block; margin : 0 auto; padding : 0; border : 0px solid #C3C3C3; border-left : 1px solid #C3C3C3; border-right : 1px solid #C3C3C3; }

#content { background : #FFFFFF; height : 100% ; min-height : 100% ; width : 562px; display : block; margin : 0 auto; padding : 5; border : 0px solid #C8C8C8; border-left : 1px solid #C8C8C8; border-right : 1px solid #C8C8C8; vertical-align : top;}
#content td { height : 100% ; min-height : 100% ; vertical-align : top; }
#innercontent td { height : 100% ; min-height : 100% ; vertical-align : middle; }

.headtype, .headtype a, .headtype a:visited, .headtype a:hover { font-family : Tahoma, Helvetica, Verdana; font-size : 12px; font-weight : bold; text-decoration : none;}
#content { vertical-align : top; color : #000000; font-family : Tahoma, Helvetica, Verdana; font-size : 11px; font-weight : normal; text-decoration : none;}

#left { background : #EEEEEE; width : 134px; margin : 0; padding : 0; padding-left : 5; border : 0px solid #808080; text-align : left; vertical-align : middle;  color : #000000; }

#leftsep { background : url('img/left_sep.jpg') no-repeat; width : 134px; height : 9px; margin : 0; padding : 0; border : 0px solid #808080; text-align : right; vertical-align : top;  color : #FFFFFF; }

#webcams a, #webcams a:visited,
#leftphotos a, #leftphotos a:visited,
#leftbilling a, #leftbilling a:visited, 
#leftpersonal a, #leftpersonal a:visited, 
#leftcameraprofile a, #leftcameraprofile a:visited,
#leftsettime a, #leftsettime a:visited,
#leftdatetime a, #leftdatetime a:visited,
#lefttempdata a, #lefttempdata a:visited,
#lefttakephoto a, #lefttakephoto a:visited,
#leftadjustpos a, #leftadjustpos a:visited,
#leftstatus a, #leftstatus a:visited,
#lefthelp a, #lefthelp a:visited,
#leftsendsms a, #leftsendsms a:visited,
#leftlogout a, #leftlogout a:visited
{ color : #333333; }

#webcams a:hover
#leftphotos a:hover
#leftbilling a:hover
#leftpersonal a:hover
#leftcameraprofile a:hover,
#leftsettime a:hover,
#leftdatetime a:hover,
#lefttempdata a:hover,
#lefttakephoto a:hover,
#leftadjustpos a:hover,
#leftstatus a:hover,
#lefthelp a:hover,
#leftsendsms a:hover,
#leftlogout a:hover
{ color : #000000; text-decoration: underline;}

#selected
{ color : #FF0000; }

#webcams { background : url('img/webcam.jpg') no-repeat; width : 190px; margin : 0; padding : 0; border : 0px solid #808080; text-align : left; vertical-align : middle; color : #cccccc; }
#leftphotos { background : url('img/left_photos.jpg') no-repeat; width : 190px; height : 44px; margin : 0; padding : 0; border : 0px solid #808080; text-align : left; vertical-align : middle; color : #cccccc; }
#leftbilling { background : url('img/left_billing.jpg') no-repeat; width : 190px; height : 44px; margin : 0; padding : 0; border : 0px solid #808080; text-align : left; vertical-align : middle; color : #cccccc; }
#leftpersonal { background : url('img/left_personal.jpg') no-repeat; width : 190px; height : 44px; margin : 0; padding : 0; border : 0px solid #808080; text-align : left; vertical-align : middle; color : #cccccc; }
#leftcameraprofile { background : url('img/left_camera_profile.jpg') no-repeat; width : 190px; height : 44px; margin : 0; padding : 0; border : 0px solid #808080; text-align : left; vertical-align : middle; color : #cccccc; }
#leftsettime { background : url('img/left_set_time.jpg') no-repeat; width : 190px; height : 44px; margin : 0; padding : 0; border : 0px solid #808080; text-align : left; vertical-align : middle; color : #cccccc; }
#leftdatetime { background : url('img/left_date_time.jpg') no-repeat; width : 190px; height : 44px; margin : 0; padding : 0; border : 0px solid #808080; text-align : left; vertical-align : middle; color : #cccccc; }
#lefttempdata { background : url('img/left_temp_data.jpg') no-repeat; width : 190px; height : 44px; margin : 0; padding : 0; border : 0px solid #808080; text-align : left; vertical-align : middle; color : #cccccc; }
#lefttakephoto { background : url('img/left_take_picture.jpg') no-repeat; width : 190px; height : 44px; margin : 0; padding : 0; border : 0px solid #808080; text-align : left; vertical-align : middle; color : #cccccc; }
#leftadjustpos { background : url('img/left_adjust.jpg') no-repeat; width : 190px; height : 44px; margin : 0; padding : 0; border : 0px solid #808080; text-align : left; vertical-align : middle; color : #cccccc; }
#leftstatus { background : url('img/left_status.jpg') no-repeat; width : 190px; height : 44px; margin : 0; padding : 0; border : 0px solid #808080; text-align : left; vertical-align : middle; color : #cccccc; }
#lefthelp { background : url('img/left_help.jpg') no-repeat; width : 190px; height : 44px; margin : 0; padding : 0; border : 0px solid #808080; text-align : left; vertical-align : middle; color : #cccccc; }
#leftsendsms { background : url('img/left_send_sms.jpg') no-repeat; width : 190px; height : 44px; margin : 0; padding : 0; border : 0px solid #808080; text-align : left; vertical-align : middle; color : #cccccc; }
#leftlogout { background : url('img/left_exit.jpg') no-repeat; width : 190px; height : 44px; margin : 0; padding : 0; border : 0px solid #808080; text-align : left; vertical-align : middle; color : #cccccc; }


#leftphotos img, #leftbilling img, #leftpersonal img, #leftcameraprofile img, #leftsettime img, #leftdatetime img, 
#lefttempdata img, #lefttakephoto img, #leftadjustpos img, #leftstatus img, #lefthelp img, #leftsendsms img, #leftlogout img {float:left; border : 0px solid #FFFFFF;}

#webcams ,#webcams a, #webcams a:visited , #webcams a:hover,
#leftphotos ,#leftphotos a, #leftphotos a:visited , #leftphotos a:hover,
#leftbilling ,#leftbilling a, #leftbilling a:visited , #leftbilling a:hover,
#leftpersonal ,#leftpersonal a, #leftpersonal a:visited , #leftpersonal a:hover,
#leftcameraprofile ,#leftcameraprofile a, #leftcameraprofile a:visited , #leftcameraprofile a:hover,
#leftstatus ,#leftstatus a, #leftstatus a:visited , #leftstatus a:hover,
#leftlogout ,#leftlogout a, #leftlogout a:visited , #leftlogout a:hover,
#lefthelp ,#lefthelp a, #lefthelp a:visited , #lefthelp a:hover,
#leftadjustpos ,#leftadjustpos a, #leftadjustpos a:visited , #leftadjustpos a:hover,
#lefttakephoto ,#lefttakephoto a, #lefttakephoto a:visited , #lefttakephoto a:hover,
#lefttempdata ,#lefttempdata a, #lefttempdata a:visited , #lefttempdata a:hover,
#leftdatetime ,#leftdatetime a, #leftdatetime a:visited , #leftdatetime a:hover,
#leftsettime ,#leftsettime a, #leftsettime a:visited , #leftsettime a:hover,
#leftsendsms ,#leftsendsms a, #leftsendsms a:visited , #leftsendsms a:hover
{ font-family : Tahoma, Helvetica, Verdana; font-size : 11px; font-weight : bold; }



.text { background : transparent url('img/input.gif') no-repeat; width : 151px; height : 21px; margin : 0; padding : 0; border : 0px solid #666666; text-align : left; vertical-align : top; padding-left : 6; padding-top : 2; color : #000000; }
textarea{ padding-left: 4px; text-align: left; vertical-align: top; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#E0E0E0, EndColorStr=#9E9E9E);  border: 1px solid #000000; /*overflow: hidden;*/ }