@import url(../css/lightbox/login_01.css);
@import url(../css/lightbox/signup_cams.css);
@import url(../css/spotlight/spotlight.css);

/* Promotional Sites */
a { text-decoration: none; }
a:hover { text-decoration: underline; }
ul, ol { margin: 10px 0; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
p { margin-bottom: 25px; }

.sp, .bp { padding: 0 15px; }
.sp .floats, .bp .floats { 	margin: 0 -15px; }

.floats h1, .floats h2, .floats h3, .floats h4, .floats h5, .floats h6 { margin: 0; }

.pager_box { margin: 0 0 15px -7px; clear: both; }
.pager_box .pager { margin-top: 19px; }
.pager_box .results { line-height: 26px; vertical-align: middle; }
.pager div { float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 3px 15px; margin-right: 15px; background: #eee; }
.pager ul { margin-left: 5px; }
.pager li a { padding: 0 5px; line-height: 20px; color: #888; text-decoration: none; }
.pager ul, .pager li { display: inline; }
.pager li.active a { cursor: default; padding: 2px 5px; margin: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #FFF; }

#container { text-align: left; height: 100%; }
#header input { background: #FFF url(../pics/search_menu_ico.gif) no-repeat 13px center; width: 192px; font-size: 16px; color: #888; margin: 3px 10px 0 0; padding: 4px 0 4px 40px; border: 1px solid #CCC;  border: 1px solid #CCC; }
#header, #home_container, .nav_menu, #main, #footer { width: 960px; margin: 0 auto; padding: 0 10px; }

#header { color: white; position: relative; }
#logo { float: left; padding: 5px 0 5px 11px; }
#header .clear { *clear: none; }

.arrow_icon { vertical-align: middle; cursor: pointer; }

#logo img { vertical-align: middle; }
#logo span { position: absolute; left: -9999px; }
#header_info { position: absolute; top: 12px; right: 25px; text-align: right; color: #FFF; }
#header_info p { margin-bottom: 9px; }
#header_info a { text-decoration: underline; }
	
#header .menu { position: absolute; z-index: 2; left: 20px; bottom: 15px; margin: 0; }
#header .menu li { float: left; display: inline; margin: 0; }
#header .menu li a { font-size: 19px; color: #fff; text-decoration: none; padding: 7px 12px; display: block; }
#header .menu li a:hover { text-decoration: none; }
#header .menu li.active a { cursor: default; color: #000; background: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
#header .menu li { margin-right: 8px; }

.info_panel_out { position: relative; z-index: 9990; float: right; width: 370px; margin-top: 2px; text-align: right; z-index: 2; }
.info_panel_out .login a { font-size: 15px; color: #fff; text-decoration: none; }
.info_panel_out .lang_info { width: 370px; position: relative; text-align: right; list-style-type: none; margin-bottom: 3px; font-size: 13px; line-height: 1.7em; }
.info_panel_out .lang_info li { line-height: 1.7em; color: #000; font-size: 13px; list-style-position: outside; white-space: nowrap; text-align: left; margin: 0; }
.info_panel_out .lang_info li a { text-align: right; color: #fff; text-decoration: none; display: block; cursor: pointer; }
.info_panel_out .lang_info .dropdown li a { color:#3382E3; }

.info_panel { float: right; width: 300px; margin-top: 27px; text-align: right; font-size: 15px; }
.info_panel .login a { color: #008aff; text-decoration: none; }
.info_panel .lang_info { width: 300px; position: relative; text-align: right; list-style-type: none; margin-bottom: 3px; font-size: 13px; line-height: 1.7em; }
.info_panel .lang_info li { line-height: 1.7em; color: #000; font-size: 13px; list-style-position: outside; white-space: nowrap; text-align: left; margin: 0; }
.info_panel .lang_info li a { text-align: right; color: #fff; text-decoration: none; display: block; cursor: pointer; }

#main { padding-top: 30px; }
#main .bp { width: 670px; }
#main .sp { width: 230px; }
#main .title { font-size: 20px; line-height: 1.2em; }
#main .title a { color: #c6c6c6; }
#main .title a.active { color: #888; }
#main .title img { margin: 0 0 3px 14px; }

.arrow_menu {  float: left; background: #e8e8e8 url(../pics/arrow_menu_last.gif) no-repeat right 0; padding: 0 0 5px 11px; height: 23px; margin: 0 0 30px 10px }
.arrow_menu li { list-style-type: none; padding-right: 2px; float: left; background: url(../pics/arrow_menu_separator.gif) no-repeat right 0; line-height: 28px; }
.arrow_menu a { text-decoration: none; display: block; padding: 0 30px 0 12px;  }
.arrow_menu li.active a { cursor: default; color: #000; }

.arrow_menu_alt { float: left; padding: 0 0 25px 15px; }
.arrow_menu_alt .separator { margin: 0 5px; font-size: 20px; position: relative; bottom: -1px; }

#login { float: right; font-size: 13px; }

#search_box { position: absolute; right: 0; bottom: 16px; z-index: 1; }

#slider { background: url(../pics/scale.gif) no-repeat; width: 231px; height: 30px; margin-bottom: 15px; }
#slider .arrow { position: relative; cursor: pointer; }
#slider #level_01 { left: 15px; }
#slider #level_02 { left: 76px; }
#slider #level_03 { left: 136px; }
#slider #level_04 { left: 197px; }

#tags_cloud { margin-bottom: 40px; }
#tags_cloud a { line-height: 1.4em; padding-right: 6px; }
#tags_cloud .content a:hover { }
#tags_cloud .content a.related { color: #FF500F; }
#tags_cloud a.size1 { font-size: 11px; }
#tags_cloud a.size2 { font-size: 14px; }
#tags_cloud a.size3 { font-size: 18px; }
#tags_cloud a.size4 { font-size: 22px; }
#tags_cloud a.size5 { font-size: 26px; }
#tags_cloud a.size6 { font-size: 30px; }

.box { float: left; }
.box .info, .box .auxinfo { clear: both; cursor: pointer; line-height: 1.3em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.box .info a { font-weight: bold; text-transform:lowercase; }
.box .auxinfo { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.box .auxinfo a { color: #888; font-size: 11px; }
.box .info img { vertical-align: middle; margin-right: 5px; }
.box .flags { padding-top: 5px; }
.box .flags img { margin-right: 5px; }
.line_floats { clear: both; }

.nav_menu { background: url(../../pics/main_submenu.gif) no-repeat 0 3px; padding-top: 3px 0 0 2px; height: 58px; }
.nav_menu li { list-style-type: none;  padding: 0 43px;  float: left; margin-left: 10px; display: inline; background: url(../../eswebcams/pics/nav_menu_sep.gif) no-repeat left 0; font-size: 16px; line-height: 58px !important; }
.nav_menu a { text-decoration: none; display: block; font-weight: bold;  }
.nav_menu a:hover { text-decoration: underline; }
.nav_menu li.active a { cursor: default; }

.chat_area { text-align: center; padding: 10px 0; }

#header, #home_container, #main, #footer { width: 960px; margin: 0 auto;  }
#wrap_home_container .subtitle { color: #7e7d7d; }

.spotlight { border-top: 1px solid #000; color: #3382e3; }
.spotlight .spot_box_items { order-top: 1px solid #ccc; }
.spotlight .spot_items td { border-bottom: 1px solid #eee; }
.spotlight .selected_item { background: #f2f2f2; }
.spotlight .spot_footer, .spotlight_webcams .spot_footer, .spotlight .spot_header, .spotlight_webcams .spot_header { background: #888; color: #fff; }
.spotlight .spot_footer a, .spotlight .spot_header a, .spotlight_webcams .spot_footer a, .spotlight_webcams .spot_header a { color: #fff; }
#header .spotlight_webcams .spot_title { color: #0063DC; }

#wrap_home_container, #home_container { background: #d1d1d1 url(../../pics/bg_marketing_container.jpg) repeat-x; color: #000; }
#wrap_home_container #home_container { padding-top: 33px; padding-bottom: 33px; }
#wrap_home_container .content { text-align: left; margin: 0 15px 21px; }
#wrap_home_container .sp { width: 530px; }
#wrap_home_container .bp { float: right; padding-top: 4px; width: 370px; text-align: center; }
#wrap_home_container .title { font-size: 33px; font-weight: bold; }
#wrap_home_container .title .highlight { font-size: 40px; }
#wrap_home_container .subtitle { font-size: 20px; line-height: 1.4em; color: #858585 }
#wrap_home_container li { list-style-type: none; }
#wrap_home_container li span { clear: left; float: left; background: url(../../pics/list_bullet.gif) no-repeat 0 12px; padding-left: 10px; line-height: 1.7em; font-size: 16px; font-weight: bold; }

/* button structure */
#wrap_home_container .button * { vertical-align: top; }
#wrap_home_container .button { font-size: 26px; font-weight: bold; text-decoration: none; cursor: pointer; margin: 0 auto; color: #fff; }
#wrap_home_container .button a:hover { text-decoration: none; }
#wrap_home_container .button .button_bg { vertical-align: middle; padding: 0 10px; }
#wrap_home_container .button .bl, #wrap_home_container .button .br { width: 14px; padding: 0; height: 59px; }
#wrap_home_container .button .bl { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; }
#wrap_home_container .button .br { -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; }
#wrap_home_container .subbutton { font-size: 16px; padding-top: 10px; }

#footer { clear: both; padding-top: 25px; line-height: 1.5em; padding-bottom: 25px; text-align: left; font-size: 12px; }
#footer a { text-decoration: underline; color:#888; }
#footer .content { margin: 0 10px; }
#footer .content .separator { margin: 0 9px; } 
#footer .content img { vertical-align: middle; margin-bottom: 2px; }
#footer .content .text { margin-left: 9px; }
#footer .content, #footer .content a { margin-top: 13px; line-height: 1.5em; }

#header #menu, #header_hover #menu { margin-left: 15px; }
#header #menu li, #header_hover #menu li { float: left; display: inline; }
#header #menu li a, #header_hover #menu li a { font-size: 20px; letter-spacing: 1px; line-height: 30px; padding: 0 15px 2px; display: block; }
#header #menu li.active, #header_hover #menu li.active { float: left; -moz-border-radius: 13px; -webkit-border-radius: 13px; border-radius: 13px; }
#header #menu li.active a, #header_hover #menu li.active a { cursor: default; }

/* OVERLAY */
#overlay { background: #000; z-index: 9995; width:100%; height:100%; -moz-opacity: 0.60; opacity:.60; filter: alpha(opacity=60); }
#overlay[id] { /* IE6 and below Can't See This */  position:fixed; }