/* Clear all default style */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: inherit; font-weight: inherit; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ol, ul { list-style: none; }
fieldset, img { border: 0; }
sup, sub { font-size: 100%; vertical-align: baseline; }
:link, :visited { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* @purpose To enable resizing for IE @branch For IE6-Win, IE7-Win */
input, button, textarea, select { font-size: 100%; }

/* layout */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* html elements */
body { background: #fff url('/images/gradient.png') repeat-x left top; }
body, select, textarea, input, button { color: #555; font: 12px "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif; }
a { color: #0E8BB0; }
a:hover { color: #06F; text-decoration: underline; }
a, button, input { outline: 0; }
p { padding: 3px 0; }
hr { color: #E4E4EF; height: 1px; }
area { border: 1px solid #999999; cursor: pointer; }
img.icon { width: 16px; height: 16px; }
h1, h2, h3, h4, h5, h6 { padding: 3px 0px; font-weight: bold; }

/** Form input elements*/
select { font-size: 12px; line-height: 14px; color: #000000; }
input.text-readonly, input.text-box, input.text, input.password, textarea { border: 1px solid #CCC; background: #FFF url(../images/text-bg.gif) repeat-x left top; padding: 2px 3px; }
input.text:focus { outline: 1px solid #EED5A6; border: 1px solid #C7A158;  }
input, select { vertical-align: middle; }
input[type=radio], input[type=checkbox], label, select { vertical-align: middle; }
textarea { overflow: auto; }

.absmiddle { vertical-align: middle; }
.noborder { border: none; }
.hide { display: none; }
.lf { float: left; }
.rf { float: right; }
.bold { font-weight: bold; }
.grayfont { color: #999; }
.center { text-align: center; }
.normal { font-weight: normal; }

button.button, input.button, a.button, a.tbutton { cursor: pointer; background: #F1F1F1 url(/images/sprites.png); }
button.button, input.button { background-color: #FF9B00; background-position: -122px -180px; color: #FFF; }
button.button, input.button { outline: 1px solid #C65400; border: 1px solid #fd9; max-width: 128px; padding: 0 20px; height: 26px; line-height: 23px; font-size: 14px; font-weight: bold; }
button.button, input.button { box-shadow: 1px 1px 5px #999; -webkit-box-shadow: 1px 1px 5px #999; box-shadow: 1px 1px 5px #999; }
button.button, input.button { *height: 28px; *border-color: #C65400; *background-color: #FFDB00; *padding: 0 8px; *line-height: 14px; }
button.button:hover, input.button:hover { background-position: -122px -220px; }

a.button { outline: 1px solid #eee; background-color: #FFF5AB; text-decoration: none; padding: 0px 15px; display: inline-block; text-align: center; background-position: -261px -179px; max-width: 190px; overflow: hidden; color: #D74C00; border: 1px solid #F4CA96; height: 28px; line-height: 28px; font-size: 14px; font-weight: bold; border-radius: 2px; }
a.button:hover { background-position: -261px -219px; color: #66F; text-decoration: none; }
a.tbutton { text-decoration: none; display: inline-block; text-align: center; background-position: -261px -179px; color: #D74C00; border: 1px solid #F4CA96; width: 80px; height: 22px; line-height: 22px; font-size: 14px; font-weight: normal; }
a.tbutton:hover { background-position: -261px -219px; color: #69F; }
a.dbutton { text-decoration: none; text-align: center; display: inline-block; background: url(/images/download.png); width: 175px; height: 44px; line-height: 42px; color: #FFF; font-size: 18px; font-weight: bold; }
a.dbutton:hover { color: #FF9; }
input.tbutton { border: 1px solid #CCC; height: 20px; padding: 0 8px; background: #FFF url(../images/grid/row-over.gif) repeat-x; }
input.tbutton:hover { background: #fff; border: 1px solid #ddd; }

/*Layout*/
div#header, div#body, div#footer, div#header-menu, div#nav-utility { margin: 0px auto; width: 980px; clear: both; }
div#header { height: 34px; margin-bottom: 5px; position: relative; }
div#body { width: 970px; margin-bottom: 3px; }
div#footer { height: 54px; border-top: 1px solid #DDD; color: #AAA; padding-top: 8px; margin-top: 18px; }
div#container { margin: 0px 5px; min-height: 300px; }
div#main_column { float: left; width: 700px; }
div#right_column { float: right; width: 230px; }
div#header-menu { height: 36px; }

/*Header*/
#header-utility { height: 20px; line-height: 20px; border-bottom: 0px solid #E4E4E4; }
#nav-utility { text-align: right; color: #BBB; padding-top: 5px; }
#nav-utility .login-wrapper { display: block; margin: 0px 8px 0 0; }
#nav-utility .login-wrapper li { display: inline; }
#nav-utility a { color: #AAB; padding: 0px 3px; }
#logo-cooview { position: absolute; left: 10px; top: 0px; }
#logo-cooview #logo-title { position: absolute; width: 260px; left: 118px; top: 27px; font-weight: normal; color: #9C9; }
#global-search { float: right; margin: 18px 4px 0 0; }
#global-search #search_text { width: 160px; height: 18px; line-height: 18px; border: 1px solid #C5C5C5; padding-left: 5px; border-right: none; }
#global-search #search_text { background: #FFF url(../images/text-bg.gif) repeat-x 0 0; }
#global-search #search_button { height: 20px; }
#nav-primary { float: right; margin-top: 5px; }
#nav-primary ul.menu { display: inline; height: 25px; border-right: none; }
#nav-primary ul.menu li { float: left; line-height: 25px; font-size: 120%; }
#nav-primary ul.menu li.first { border-left: 0px solid #E8E8F8; }
#nav-primary ul.menu a { color: #889; padding: 0 16px; display: inline-block; border-left: none; font-weight: bold; }
#nav-primary ul.menu li.selected a { background: #3D5D6A; color: #FFF; font-weight: bold; }
div.space_menu { height: 54px; }
div.space_menu #nav-primary { float: none; border: none; height: 36px; background: #FFF url(/images/nav.gif); padding: 0px 20px; }
div.space_menu #nav-primary a { border: none; height: 32px; margin: 3px 1px 0px 1px; font-weight: normal; line-height: 30px; }
div.space_menu #nav-primary a:hover { background: #5AAFDD; text-decoration: none; color: #FFF; }
/*div.space_menu #nav-primary ul.menu li.selected a { background: #5AAFDD; color: #FFF; font-weight: bold; background: url(/images/download.png) -5px -2px; }*/
div.space_menu #nav-primary ul.menu li.selected a { background: #eee url('/images/gradient.png') repeat-x; color: #333; font-weight: bold; border: 1px solid #ddd; border-bottom: 1px solid #fff; }

/** Footer.*/
#footer #foot_copy { float: left; }
#footer #foot_links { float: right; color: #DDD; margin: 3px 5px; }
#footer #foot_links a { color: #999; padding: 0 3px; }
#footer #foot_lang_menu { display: none; position: absolute; z-index: 100; right: 0; top: -75px; width: 150px; background: #FFF; border: 1px solid #DDF; padding: 3px 0px; }
#footer #foot_lang_menu a { display: block; height: 18px; padding: 0px 5px; }
#footer #foot_lang_menu a:hover { background: #336699; color: #FFF; text-decoration: none; }
.warning-box { padding: 5px 10px; overflow: hidden; margin-bottom: 10px; position: relative; display: none; }
.warning-box { border: 1px solid #CCC; background: #FFFFCC; -moz-border-radius: 5px; }
.warning-box h4 { font-weight: bold; }
.warning-box p { padding: 3px 8px; color: #777; }

/** Toolbar*/
ul.toolbar { overflow: hidden; background: #FFF; list-style-type: none; display: block; height: 28px; margin: 0px; border-top: 1px solid #EEE; border-bottom: 1px dotted #DDD; }
ul.toolbar li { margin: 0px 1px; float: left; }
ul.toolbar li.right { float: right; position: relative; }
ul.toolbar a { display: inline-block; height: 20px; line-height: 20px; padding: 0px 3px; margin-top: 3px; color: #555; }
ul.toolbar a { border: 1px solid #FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
ul.toolbar a:hover { color: #0066CC; border: 1px solid #DDD; text-decoration: none; }
ul.toolbar .text { margin: 3px 2px; padding: 0px 3px; height: 20px; border-color: #E5E5E5; }
ul.toolbar select { margin: 3px 2px; }

/** Dialog Form.*/
div.dialog td, div.dialog th { padding: 3px 5px; }
div.dialog td.label { font-weight: normal; text-align: right; width: 80px; }
div.dialog input.text, div.dialog input.password { width: 180px; }
div.dialog textarea { width: 180px; height: 54px; }
div.dialog input.ui-state-error { border-color: #FF0000; }
div.block form td, div.dialog th { padding: 5px; vertical-align: top; }
div.block form td.label { font-weight: normal; text-align: right; width: 120px; color: #777; line-height: 24px; }
div.block form input.text { width: 340px; padding: 3px 4px; }
div.block form textarea { width: 240px; padding: 5px 3px; }

/** Right Sidebar*/
#right_column h3.title { font-size: 14px; font-weight: normal; padding: 4px 8px; height: 15px; line-height: 15px; color: #555; margin-bottom: 3px; }
#right_column .cat { margin: 0px 20px; }
#right_column .cat ul.ver_tabs li { background: #FFF; border-bottom: 1px dotted #E8E8E8; }
#right_column .cat ul.ver_tabs a { display: block; padding: 5px 18px; }
#right_column .cat ul.ver_tabs a:hover { background: #FFF; color: #77F; text-decoration: none; }
#right_column .cat ul.ver_tabs li.selected { background: #EEF; }

/** Profile Content.*/
div.block div.profile_content h3 { padding: 3px 8px; background: #EFEFEF; font-size: 12px; margin-bottom: 15px; border-top: 1px solid #CCC; }

/** Tab Control*/
div.tabs_wapper { padding: 0; margin-bottom: 5px; margin-top: 1px; }
div.tabs_wapper ul.tabs { width: 100%; border-bottom: 0px solid #CCC; height: 25px; }
div.tabs_wapper ul.tabs { background: url(../images/dot.gif) repeat-x left bottom; }
div.tabs_wapper ul.tabs li { float: left; overflow: hidden; position: relative; list-style-type: none; }
div.tabs_wapper ul.tabs li.right { float: right; margin-right: 5px; }
div.tabs_wapper ul.tabs a { padding: 2px 20px 1px; color: #777; line-height: 20px; display: block; margin-left: 3px; text-decoration: none; }
div.tabs_wapper ul.tabs a { background: #FFF url(../images/grid/row-over.gif) repeat-x left 12px; border: 1px solid #E5E5F5; border-bottom: none; }
div.tabs_wapper ul.tabs a { -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; }
div.tabs_wapper ul.tabs a.selected { line-height: 21px; border: 1px solid #D8DFE7; border-bottom: none; background: #FFF; color: #555; }
div.tabs_wapper ul.tabs a:hover { background: #F5F5F5; color: #777; }
div.tabs_content { background: #FFF; height: auto; }

/** List Box Control .*/
div.list_box { border-top: 1px solid #DDD; }
div.list_box_row { min-height: 60px; height: auto; padding: 5px 2px 8px; margin: 5px 8px; border-bottom: 1px dotted #DDD; }
div.list_box_row div.thumb { float: left; width: 47px; height: 47px; overflow: hidden; text-align: center; background: #FFF; }
div.list_box_row div.thumb { margin-right: 8px; border: 1px solid #DDD; }
div.list_box_row div.thumb img { margin: 1px; width: 45px; height: 45px; }
div.list_box_row div.row_content { float: left; width: 500px; }
div.list_box_row dt { float: left; width: 36px; color: #999; clear: both; margin: 3px; }
div.list_box_row dd { display: block; margin: 3px; }
div.list_box_row div.row_actions { text-align: right; }
div.list_box_row h3 { padding: 0px; }
div.list_box_row h3 .type { font-weight: normal; }
div.list_box_row label { color: #999; }
div.list_box_row_thin { padding: 5px 0px; min-height: 16px; line-height: 16px; border-bottom: 1px solid #DDD; }
div.list_box_row_thin .updated { color: #999; }
div.list_box_row_thin .body { padding: 3px 20px; color: #999; }
div.list_box_cell { min-height: 54px; min-width: 54px; padding: 0px; margin: 0px 4px; float: left; text-align: center; }
div.list_box_cell div.thumb { width: 54px; height: 54px; text-align: center; background: #FFF; }
div.list_box_cell div.thumb { border: 0px solid #CCC; padding: 0px; }
div.list_box_cell div.thumb img { width: 54px; height: 54px; border: 1px solid #DDD; }
div.list_box_cell div.cell_content { width: 54px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
div.list_box_cell div.cell_content { margin: 3px 0px; }

/** Profile Page.*/
.profile-wrapper #profile_image { overflow: hidden; border: 1px solid #CCC; text-align: center; margin-bottom: 3px; width: 204px; height: 204px; }
.profile-wrapper #profile_image img { width: 200px; height: 200px; margin: 2px; }
.profile-wrapper h3 { font-size: 120%; }
.profile-wrapper .profile { margin: 1px 5px; }
.profile-wrapper #profile_actions a { display: block; padding: 5px 8px; border-bottom: 1px solid #EEE; }
.profile-wrapper #profile_actions a:hover { background: #0099CC; color: #FFF; text-decoration: none; }
.profile-wrapper #sidebar div.blurb_outer { margin: 12px 0px 3px; padding: 8px 5px; color: #999; border: 1px solid #DDD; }
.profile-wrapper #profile_basic p { border-bottom: 1px solid #EEE; padding: 4px 0px; }
.profile-wrapper #profile_blurb { background-color: #F3F3F3; padding: 8px 5px; margin-top: 8px; }
.profile-wrapper #profile_blurb p { padding: 4px; }
.profile-wrapper #profile_blurb p label { width: 50px; float: left; }
div.body-title { margin-bottom: 6px; }
div.body-title h2 { float: left; font-size: 18px; line-height: 24px; margin-right: 10px; font-weight: normal; }
div.body-title .links { float: left; line-height: 24px; margin-top: 5px; color: #999; }
div.body-title .links a { padding: 0 5px; }
div.line { height: 1px; background: #E1E1E1; overflow: hidden; margin-bottom: 10px; }

/** Grid Control*/
div.grid { overflow: auto; position: relative; }
table.grid-table { width: 100%; table-layout: fixed; border-right: none; }
table.grid-table thead th { height: 25px; line-height: 24px; padding: 0px 5px; border-bottom: 1px solid #DDD; }
table.grid-table thead th { background: #eee; font-weight: bold; color: #888; cursor: default; }
table.grid-table tbody td { height: 25px; padding: 1px 5px; overflow: hidden; line-height: 18px; white-space: nowrap; }
table.grid-table tbody td { border-bottom: 1px dotted #ddd; }
table.grid-table tbody tr.even td { background-color: #F8F8FF; }
table.grid-table tbody tr.select td { background: #F3FDEB; border-bottom: 1px solid #DDD; }
table.grid-table tbody tr:hover td { background: #EBF3FD; border-bottom: 1px solid #DDD; }
table.grid-table #grid-row-checkbox { padding: 0px; margin-top: -2px; }
table.grid-table tbody tr:hover td { border-right-color: #EBF3FD; }
table.grid-table a.icon { display: inline-block; padding: 2px 4px; }
table.grid-table a.icon:hover { border: 1px solid #DDF; padding: 1px 3px; background: #EBF3FD url(/images/grid/grid3-hrow-over.gif) repeat-x 0 3px; }
div.grid-pagenav { height: 22px; line-height: 20px; border-top: 0px solid #eee; color: #999; background: #eee; border-bottom: 1px solid #ddd; }
div.grid-overlay { position: absolute; z-index: 101; background: #DEF; top: 0px; left: 0px; opacity: .75; filter: Alpha(Opacity=75); display: none; }
div.grid-overlay .loading-box { background: url(/images/progress.gif) left top; width: 200px; height: 21px; border: 1px solid #999; margin: 30% auto; }

/** Message List.*/
li.feed_item { padding: 5px 0; }
li.feed_item .thumb { width: 62px; height: 62px; float: left; border: 1px solid #DDE; margin-left: 5px; }
li.feed_item .thumb img { width: 60px; height: 60px; margin: 1px; }
li.feed_item .feed_content { width: 480px; float: left; margin-left: 12px; }
li.feed_item .feed_content .body { padding: 3px 8px; }
li.feed_item .feed_att { color: #999; margin-top: 10px; margin-right: 10px; }
li.feed_item .feed_att a { color: #999; }
li.feed_item .feed_comments { border: 1px solid #DDF; background: #F8F8FF; display: none; margin: 10px 0; }
li.feed_item .feed_comments .feed_content { width: 400px; }
li.feed_item .feed_comments .thumb { width: 42px; height: 42px; float: left; border: 1px solid #DDE; margin-left: 5px; }
li.feed_item .feed_comments .thumb img { width: 40px; height: 40px; margin: 1px; }
h2.title { font-size: 14px; }
div.foot { text-align: right; margin: 0px 10px; padding: 10px 0px; float: right; }
div.foot a { border: 1px solid #DDD; display: inline; padding: 3px 6px; margin-right: 3px; }
div.foot a:hover { border: 1px solid #FD6D01; color: #FD6D01; text-decoration: none; }
div.foot a.selected { border: 1px solid #FD6D01; background-color: #FFEDE1; color: #FD6D01; }
div.foot a#pre, div.foot a#next { padding: 3px 6px; }

/** Form.*/
label.error, em.error { background: url(/images/error.gif) no-repeat 0px 0px; padding: 3px 24px; color: #FF0000; }
label.success, em.success { background: url(/images/checked.gif) no-repeat 0px 0px; padding: 0px 24px; }

/** Pagen*/
.grid-page-nav { float: right; }
.grid-page-nav .grid-page-current { display: inline-block; width: 20px; text-align: center; font-weight: bold; color: #333; }
.grid-page-nav a { line-height: 18px; padding: 1px 5px; width: 20px; }
.grid-page-nav a.current { font-weight: bold; color: #333; }
.grid-page-nav a:hover { border: 1px solid #FFBB99; padding: 0px 4px; text-decoration: none; color: #36F; }
.page-nav { float: right; }
.page-nav li { float: left; line-height: 18px; padding: 2px; }
.page-nav li a { display: inline-block; padding: 0px 5px; border: 1px solid #DDD; color: #777; }
.page-nav li a:hover { border-color: #FF9900; color: #FF9900; }
.page-nav li.selected a { border-color: #6699FF; color: #FFF; background: #6699FF; }

/** Slide Box*/
#slide-box { position: relative; border: 1px solid #E8E8E8; height: 280px; overflow: hidden; margin-bottom: 18px; }
#slide-box .slide-images { padding: 0; }
#slide-box .slide-images ul { height: 280px; background: #FFF; position: relative; overflow: hidden; }
#slide-box .slide-images li { height: 280px; left: 999px; top: 0; position: absolute; }
#slide-box .slide-images li.first { left: 0; }
#slide-box #slide-buttons { position: absolute; left: 880px; top: 250px; width: 200px; height: 20px; }
#slide-box #slide-buttons a { color: #777; display: inline-block; width: 16px; height: 16px; float: left; margin-right: 5px; background: #FFF; text-align: center; border: 1px solid #CCC; }
#slide-box #slide-buttons a:hover, #slide-box #slide-buttons a.active { border-color: #999; background: #999; color: #FFF; }

#index-wrapper #main-left { float: left; width: 600px; min-height: 300px; margin-left: 15px; }
#index-wrapper #main-right { float: right; width: 326px; min-height: 300px; margin-right: 15px; }
#index-wrapper .block { border: 1px solid #E8E8F8; margin: 0px 2px 16px; }
#index-wrapper .block h2.title { border-bottom: 1px solid #E8E8F8; padding: 0px 8px; height: 22px; line-height: 24px; color: #777; }
#index-wrapper .block h2.title { background: #FFF url(../images/grid/row-over.gif) repeat-x 0 12px; }
#index-wrapper .guide { width: 300px; height: 300px; margin-left: 72px; color: #FFF; position: absolute; left: 0px; top: 0px; }
#index-wrapper .slogan { margin: 65px 0 5px; font-size: 27px; }
#index-wrapper .slogan_desc dt { margin-bottom: 10px; line-height: 20px; }
#index-wrapper ul.app-list li { border-right: 1px dotted #EEE; color: #999; width: 240px; float: left; padding: 5px 0; }
#index-wrapper ul.app-list h4 { color: #333; font-weight: bold; padding: 8px 0px; font-size: 15px; }
#index-wrapper ul.app-list .app-photo { margin: 10px 15px; width: 48px; height: 48px; background: url(/images/image.png); }
#index-wrapper ul.app-list .app-desc { padding: 3px 5px 6px 19px; }
#index-wrapper ul.app-list .photo { width: 220px; height: 100px; overflow: hidden; margin-left: 10px; margin-top: 8px; }
#index-wrapper ul.app-list a { color: #333; }

#detail-block dt { color: #88A; font-size: 13px; font-weight: bold; }
#detail-block dd { color: #999; margin: 0px 5px 5px 5px; }

#detail-block h3 { font-size: 18px; padding: 3px 10px; color: #88A; font-weight: normal; }
#detail-block p { line-height: 160%; color: #999; padding: 5px 24px; }
#detail-block ul.list { padding-left: 40px; }
#detail-block ul.list li { color: #999; margin: 3px 0 8px 0; list-style: square; }
#detail-block ul.buttons li { list-style-type: none; }
#detail-block ul.buttons a.button { min-width: 80px; }

#detail-block ul.image-list label { font-weight: bold; line-height: 21px; }
#detail-block ul.image-list p { display: block; }
#detail-block ul.image-list li { color: #999; margin: 3px 18px 18px 45px; list-style-type: none; }
#detail-block ul.image-list img { float: left; line-height: 1px; width:32px; height: 32px; margin: 3px 0px 5px -37px; }


h2.block-title { font-size: 24px; font-weight: normal; padding: 6px 2px; border-bottom: 1px solid #E8E8E8; margin-bottom: 16px; }
dl.profile dt { margin-bottom: 5px; }
dl.profile label { color: #999; min-width: 80px; display: inline-block; }
.privacy_secret { color: #FF6699; }
.privacy_private { color: #FF9900; }
.privacy_public { color: #00CC33; }
.box-shadow { box-shadow: 3px 3px 3px #DDD; -moz-box-shadow: 3px 3px 3px #ddd; -webkit-box-shadow: 3px 3px 3px #ddd; }
.box-shadow-dark { box-shadow: 3px 3px 3px #999999; -moz-box-shadow: 3px 3px 3px #999999; -webkit-box-shadow: 3px 3px 3px #999999; }
ul.feed-list { margin: 0; padding: 0; }
ul.feed-list li { border-bottom: 1px dotted #EEE; color: #999; margin: 0; padding: 5px 22px 5px 32px; display: block; }
ul.feed-list h4 { color: #889; font-weight: bold; padding: 8px 0px; font-size: 18px; font-weight: normal; }
ul.feed-list .feed-photo { display: block; float: left; margin: 10px; width: 48px; height: 48px; background: url(/images/image.png); }
ul.feed-list .feed-desc { margin: 3px 0px; float: left; display: block; font-size: 13px; }
ul.feed-list a { color: #3B9; }
.compound_time { border-right: 1px solid #CCC; padding-right: 1px; border-top: 1px solid #CCC; padding-left: 1px; padding-bottom: 3px; overflow: hidden; border-left: 1px solid #CCC; padding-top: 1px; border-bottom: 1px solid #CCC; }
span.compound_time input { border-right: medium none #000000; padding-right: 1px; border-top: medium none #000000; padding-left: 1px; font-size: 12px; padding-bottom: 0px; border-left: medium none #000000; width: 18px; line-height: 14px; padding-top: 0px; border-bottom: medium none #000000; height: 15px; text-align: center; }
.form-item { margin: 8px 12px; }
.form-item label { padding-right: 0px; display: block; padding-left: 0px; font-weight: bold; padding-bottom: 0px; margin: 0px; padding-top: 0px; }
.form-item label.normal { display: inline; font-weight: normal; }
fieldset dt label.normal { display: inline; font-weight: normal; }
.form-item div.description { margin-bottom: 3px; color: #999999; line-height: 150%; }
input.ptzbutton { border: 1px solid #CCC; background: url(/images/grid/grid3-hrow-over.gif); margin-bottom: 1px; height: 22px; width: 35px; }
#search_bar li { float: left; padding: 0px 4px; }
#search_bar span { padding-left: 4px; margin-right: 2px; }

div.specs_block { background: #F3EFE6; width: 260px; color: #006699;  }
div.specs_title { background: #F3EFE6 url('/images/specs_title.png') no-repeat; height: 34px; overflow: hidden; }
div.specs_title h2 { padding: 6px 5px; font-size: 16px; font-weight: normal; }
div.specs_body  { border: 1px solid #ECE5D2; border-top: none; border-bottom: none; padding: 3px 8px 20px 8px; }
div.specs_body li { margin: 3px 1px; }
div.specs_body label { color: #888; }
div.specs_footer { background: #F3EFE6 url('/images/specs_bg.png') no-repeat; height: 12px; overflow: hidden; }

span.log-error { line-height: 16px; background: url('/images/icon/cancel.gif') no-repeat; padding-left: 18px; }
span.log-warn { line-height: 16px; background: url('/images/icon/error.png') no-repeat; padding-left: 18px; }
span.log-info { line-height: 16px; background: url('/images/icon/information.png') no-repeat; padding-left: 18px; }