@import url(../css/spotlight/spotlight.css);

/* Promotional Sites */

h1, h2, h3, h4, h5, h6 { font-weight: bold; margin: 1em 0; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }
ul, ol { margin: 10px 0; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
li { list-style-position: outside; }
/*.clear { clear: both; height: auto; overflow: visible;  }*/
#chatwindow { text-align: left; }
#tabs ul, #tabs ol { margin: 0; list-style-type: none; }

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; }

.roster nobr { display: block; }
.rosterUser div { display: inline; }

.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 a { text-decoration: none; }
.pager ul { margin-left: 5px; }
.pager li a { padding: 0 5px; line-height: 20px; color: #888; }
.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; }

.tabs_box { position: relative; height: 38px; margin-bottom: 18px; }
.tabs { position: absolute; bottom: -1px; margin: 0 0 0 9px; }
.tabs li  { float: left; display: inline; list-style: none; margin-right: 12px; padding: 10px 27px; }
.tabs { font-size: 15px; text-align: center; text-decoration: none; border-bottom: none; }
.tabs li span.link { cursor: pointer; font-weight: normal; text-decoration: none; }
tabs li span.link:hover { text-decoration: underline; }
.tabs li.active a { cursor: default; padding-bottom: 10px; cursor: default;  }
.tabs li.active a:hover { padding-bottom: 10px; }

#container { text-align: left; height: 100%; }
#header, #home_container, .nav_menu, #main, #footer { width: 960px; margin: 0 auto; padding: 0 10px; }

#header { color: white; position: relative; }
#logo { float: left; margin: 5px 0 5px 11px; }
#header input { width: 197px; font-size: 16px; margin: 3px 10px 0 0; padding: 4px 0 4px 30px; }

.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; }
	
.info_panel_out { position: relative; z-index: 1; float: right; width: 370px; margin-top: 2px; text-align: right; }
.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: 24px 24px 0; }
#main .bp { width: 670px; }
#main .sp { width: 230px; }
#main .single_panel { padding: 0 15px; }
#main .title { padding-bottom: 12px; }
#main .title { font-size: 20px; line-height: 1.2em; }
#main .subtitle { font-size: 15px; line-height: 1.2em; }
#main .title a { color: #c6c6c6; }
#main .title a.active { color: #888; }
#main .title img { margin: 0 0 3px 14px; }

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

#search_box { position: absolute; right: 0; bottom: 19px; 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; }

#wrap_header, #header{ background: #000; }

#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; }

.advanced_search .advanced_link { font-size: 11px; padding-top: 4px; }
.search_options_main .little_link { font-size: 11px; }
.search_options_main .add_link {}

#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 .bp { width: 530px; }
#wrap_home_container .sp { 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 #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; }