@charset "utf-8";

/* RESET */
* { margin: 0; padding: 0; }
html {padding: 0; margin: 0;}
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td { 
background-color: transparent; border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
body { font-size: 100%; line-height: 1; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; margin: 0; padding: 0; }
ul, ol { list-style: none; list-style-position: outside; }
:focus { outline: 0; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: "" ""; }
* a:hover, * a:active {	outline: none; }	
li li, li p, td p, blockquote p { font-size: 1em; }
img { border: none; }

/* DEFAULTS */
body { background-color: #fff; color: #898989; height: 100%; margin: 0; font: normal 11px/15px Arial, Helvetica, sans-serif; }
a, a:link, a:visited, a:active { color: #002572; font: inherit; text-decoration: underline; }
a:hover { color: #002572; font: inherit; outline:none; text-decoration: none; }
p { color: #898989; font: normal 11px/15px Arial, Helvetica, sans-serif; }
h1 { font: bold 16px/16px Arial, Helvetica, sans-serif; }
h2 { font: bold 14px/14px Arial, Helvetica, sans-serif; }
h3 { font: bold 13px/13px Arial, Helvetica, sans-serif; }
select { color: #aeaeae; }

/* SPECIALS */
.clearer{ clear: both; height: 0px; overflow: hidden; margin: -1px 0 0 0; }

/* LAYOUT */
#wrapper { background-color: #fff; height: auto; margin: 0 auto; min-height: 100%; padding: 15px 0 0 0; text-align: left; width: 964px; }
#leftcolumn { display: inline; float: left; margin: 0 15px 0 0; width: 184px; }
#content { display: inline; float: left; width: 765px; }
#content-left { display: inline; float: left; margin: 0 15px 0 0; width: 563px;}
#content-right { display: inline; float: left; width: 187px;}
#footer { clear: both; margin: 0; width: 964px; }

/* LOGO */
#creyete-logo { background: url(../images/creyete_com_logo.png) no-repeat top left; height: 120px; margin: 0 0 20px 0; width: 184px; }
#creyete-logo h1 { cursor: pointer; display: inline; float: left; height: 20px; font: normal 11px/11px arial, sans; text-align: center; text-transform: lowercase; width: 184px; }
#creyete-logo h1 a, #creyete-logo h1 a:hover { color: #454a46; cursor: pointer; display: block; height: 20px; text-decoration: none; width: 184px; }
#creyete-logo h1 a span { display: block; height: 14px; width: 184px; }
#creyete-logo h2 { cursor: pointer; display: inline; float: left; height: 100px; font: bold 24px/24px "Trebuchet MS", sans; text-align: center; text-transform: lowercase; width: 184px; }
#creyete-logo h2 a, #creyete-logo h2 a:hover { color: #454a46; display: block; height: 100px; text-decoration: none; width: 184px; }
#creyete-logo h2 a strong { cursor: pointer; display: block; height: 24px; padding: 76px 0 0 0; width: 184px; }
#creyete-logo h2 a strong span { color: #00ADDC; }

/* TOP MENU */
#top-menu { background: url(../images/menu-top.png) no-repeat top right; height: 43px; margin: 0 0 9px 0; width: 765px; }
#top-menu-left { display: inline; float: left; font: normal 13px/13px Arial, Helvetica, sans-serif; width: 595px; }
#top-menu-left ul { padding: 11px 0 0 0; }
#top-menu-left ul li { display: inline; float: left; height: 26px; margin: 0 1px 0 0; }
#top-menu-left ul li a, #top-menu-left ul li a:link, #top-menu-left ul li a:visited, #top-menu-left ul li a:hover { 
border-right: 1px solid #63c6e4; color: #fff; padding: 0 24px 0 24px; text-decoration: none; }
#top-menu-search { display: inline; float: right; font: normal 13px/13px Arial, Helvetica, sans-serif; width: 170px; }
input.inputboxsearch { border: none 0; color: #898989; display: inline; float: right; margin: 9px 0 0 0; width: 130px; }
input.submitsearch { background: url(../images/magnifying.gif) no-repeat; border: none 0; cursor: pointer; display: inline; float: right; height: 14px; margin: 12px 16px 0 7px; width: 14px; }

/* ADVERT */
div.adverto { margin: 0 0 15px 0; width: 563px; }
div.adverto-top { background: url(../images/gray-top.png) no-repeat; height: 4px; width: 563px; }
div.adverto-middle { background: url(../images/gray-middle.png) repeat-y; padding: 10px 0; text-align: center; width: 563px;}
div.adverto-middle-gad { overflow: hidden; text-align: center; }
div.adverto-bottom { background: url(../images/gray-bottom.png) no-repeat; height: 4px; width: 563px; }

/* REGISTRATION FORM */
#registration-form {  width: 563px; }
#registration-form-in { margin: 0 0 25px 0; width: 563px; }

/* ADD NEW CAM */
#add-cam-button { margin: 0 0 9px 0; width: 184px; }
#add-cam-button a, #add-cam-button a:visited, #add-cam-button a:hover  {
background: url(../images/button-add-cam.png) no-repeat; color: #fff; cursor: pointer; display: block; height: 35px; font: bold 13px/13px Arial, Helvetica, sans; text-decoration: none; width: 184px; }
#add-cam-button a span { cursor: pointer; display: block; padding: 8px 0 0 20px; height: 15px; }

/* COUNTCAMS */
#countcams { background: url(../images/countcams.jpg) no-repeat top left; height: 126px; margin: 0 0 9px 0; width: 184px; }
#countcams div.count { display: inline; float: left; height: 38px; margin: 8px 0 0 8px; width: 80px; }
#countcams div.count p { color: #fff; font: bold 28px/30px arial, sans; }
#countcams div.cams { display: inline; float: right; height: 38px; margin: 8px 8px 0 0; width: 80px; }
#countcams div.cams p { color: #fff; font: bold 14px/16px arial, sans; text-align: right; text-transform: uppercase; }
#countcams div.cams p span { font: normal 12px/12px arial, sans; letter-spacing: 2px; text-transform: none; }
#countcams div.from { clear: both; height: 70px; width: 184px; }
#countcams div.from p { color: #454A46; font: normal 13px/14px arial, sans; margin: 0 8px 0 0; padding: 40px 0 0 0; text-align: right; }

/* LEFT MENU */
#menu-left { background: url(../images/menu-left-0.png) no-repeat top left; height: 216px; margin: 0 0 7px 0; padding: 0 0 6px 0; width: 184px; }
#menu-left ul { display: block; height: 210px; width: 184px; }
#menu-left ul li { display: inline; float: left; height: 30px; width: 184px; }
#menu-left ul li a, #menu-left ul li a:visited {
color: #323232; cursor: pointer; display: block; font: normal 14px/14px Arial, Helvetica, sans-serif; height: 30px; text-decoration: none; width: 184px; }
#menu-left ul li a span { display: block; height: 14px; padding: 8px 0 0 20px; }
#menu-left ul li.asia a:hover { background: url(../images/menu-left-hover-1.png) no-repeat; }
#menu-left ul li.asia-current { background: url(../images/menu-left-current-1.png) no-repeat; }
#menu-left ul li.africa a:hover { background: url(../images/menu-left-hover-2.png) no-repeat; }
#menu-left ul li.africa-current { background: url(../images/menu-left-current-2.png) no-repeat; }
#menu-left ul li.north-america a:hover { background: url(../images/menu-left-hover-3.png) no-repeat; }
#menu-left ul li.north-america-current { background: url(../images/menu-left-current-3.png) no-repeat; }
#menu-left ul li.south-america a:hover { background: url(../images/menu-left-hover-4.png) no-repeat; }
#menu-left ul li.south-america-current { background: url(../images/menu-left-current-4.png) no-repeat; }
#menu-left ul li.antarctica a:hover { background: url(../images/menu-left-hover-5.png) no-repeat; }
#menu-left ul li.antarctica-current { background: url(../images/menu-left-current-5.png) no-repeat; }
#menu-left ul li.europe a:hover { background: url(../images/menu-left-hover-6.png) no-repeat; }
#menu-left ul li.europe-current { background: url(../images/menu-left-current-6.png) no-repeat; }
#menu-left ul li.australia a:hover { background: url(../images/menu-left-hover-7.png) no-repeat; }
#menu-left ul li.australia-current { background: url(../images/menu-left-current-7.png) no-repeat; }

/* DAY NIGHT INDOOR OUTDOOR */
#dino { margin: 0 0 7px 0; width: 184px; }
#dino ul li { display: inline; float: left; margin: 0 0 4px 10px; text-align: center; width: 87px; }
#dino ul li.firstCatAba { margin: 0 0 4px 0; }
#dino ul li a, #dino a:link, #dino a:visited, #dino a:active, #dino a:hover { 
display: block; color: #fff; cursor: pointer; font: bold 12px Arial, Verdana, sans; height: 88px; text-decoration: none; width: 87px; }
#dino ul li a span { display: block; height: 24px; padding: 62px 0 0 0; }
li.day-cams { background: url(../images/img-day-cams.jpg) no-repeat; }
li.night-cams { background: url(../images/img-night-cams.jpg) no-repeat; }
li.indoor-cams { background: url(../images/img-indoor-cams.jpg) no-repeat; }
li.outdoor-cams { background: url(../images/img-outdoor-cams.jpg) no-repeat; }

/* TAG CLOUD */
#tag-cloud { width: 184px; }
#tag-cloud-top { background: url(../images/tag-cloud-top.png) no-repeat; height:50px; overflow: hidden; width: 184px; }
#tag-cloud-top h4 { font: bold 14px/14px Arial, Helvetica, sans-serif; margin: 22px 0 0 22px; }
#tag-cloud-top a, #tag-cloud-top a:link, #tag-cloud-top a:visited, #tag-cloud-top a:active, #tag-cloud-top a:hover { 
color: #4a5258; text-decoration: none; }
#tag-cloud-middle {width: 184px; background: url(../images/tag-clout-middle.jpg) repeat-y top;}
#tag-cloud-middle .inner { color: #4a5258; padding: 0 10px 10px 10px; text-align: justify; }
#tag-cloud-middle .inner a, #tag-cloud-middle .inner a:visited { color: #4a5258; font: normal 11px/21px Arial, Helvetica, sans-serif; text-decoration: none; }
#tag-cloud-middle .inner a:hover { text-decoration: underline; }
#tag-cloud-middle .inner a.purple, #tag-cloud-middle .inner a.purple:visited { color: #4a5258; font: bold 10px/21px Arial, Helvetica, sans-serif; }
#tag-cloud-middle .inner a.blue, #tag-cloud-middle .inner a.blue:visited { color: #4747ee; font: bold 11px/21px Arial, Helvetica, sans-serif; }
#tag-cloud-middle .inner a.purple, #tag-cloud-middle .inner a.purple:visited { color: #a247ef; font: bold 12px/21px Arial, Helvetica, sans-serif; }
#tag-cloud-middle .inner a.pink, #tag-cloud-middle .inner a.pink:visited { color: #e147ef; font: bold 13px/21px Arial, Helvetica, sans-serif; }
#tag-cloud-middle .inner a.orange, #tag-cloud-middle .inner a.orange:visited {color: #fa4b4b; font: bold 13px/21px Arial, Helvetica, sans-serif; }
#tag-cloud-middle .inner a.green, #tag-cloud-middle .inner a.green:visited {color: #fa804b; font: bold 14px/21px Arial, Helvetica, sans-serif; }
#tag-cloud-bottom { background: url(../images/tag-clout-bottom.png) no-repeat; height: 10px; width: 184px; }

/* MAP */
#big-map { margin: 0 0 11px 0; width: 563px; }
#map-top { background: url(../images/gray2-top.png) no-repeat top; height: 10px; width: 563px; }
#map-middle { background: url(../images/gray2-middle.png) repeat-y; padding: 1px 0; overflow: hidden; text-align: center; width: 563px; }
#map { height: 410px; margin: 0 auto; overflow: hidden; width: 544px; }
#map-bottom { background: url(../images/gray2-bottom.png) no-repeat; height: 14px; width: 563px;}
#map-controlx { height: 20px; margin: 16px auto 0; width: 544px; }
#map-controlx div.left { display: inline; float: left; height: 20px; padding: 0 0 0 20px; vertical-align: middle; width: 300px; }
#map-controlx div.left ul li { display: inline; float: left; height: 20px; list-style-position: inside; width: 140px; }
#map-controlx div.left ul li p { color: #454A46; font: normal 12px/15px arial, verdana, sans; padding: 0 0 0 20px; text-align: left; }
#map-controlx div.left ul li.g { background: url(../images/gmap_marker_camera_group.gif) no-repeat top left; }
#map-controlx div.left ul li.c { background: url(../images/gmap_marker_camera_single.gif) no-repeat top left; }
#map-controlx div.right { display: inline; float: right; height: 20px; padding: 0 4px 0 0; width: 180px; }

/* CATEGORIES */
#categories { margin: 0 0 9px 0; width: 563px; }
#categories ul { padding: 0 1px 0 2px; }
#categories ul li { display: block; float: left; margin: 0 0 4px 10px; text-align: center; }
#categories ul li.firstCatAba { margin: 0 0 4px 0; }
#categories ul li a, #categories ul li a:link, #categories ul li a:visited, #categories ul li a:active, #categories ul li a:hover { 
display: block; color: #fff; cursor: pointer; font: bold 13px Arial, Verdana, sans; height: 85px; text-decoration: none; width: 104px; }
#categories ul li a span { display: block; height: 24px; padding: 61px 0 0 0; }
#categories ul li.airports { background: url(../images/img-airports.jpg) no-repeat; }
#categories ul li.bars { background: url(../images/img-bars.jpg) no-repeat; }
#categories ul li.beaches { background: url(../images/img-beaches.jpg) no-repeat; }
#categories ul li.city-views { background: url(../images/img-city-views.jpg) no-repeat; }
#categories ul li.coasts { background: url(../images/img-coasts.jpg) no-repeat; }
#categories ul li.cruise-ships { background: url(../images/img-cruise-ships.jpg) no-repeat; }
#categories ul li.harbors { background: url(../images/img-harbors.jpg) no-repeat; }
#categories ul li.islands { background: url(../images/img-islands.jpg) no-repeat; }
#categories ul li.landmarks { background: url(../images/img-landmarks.jpg) no-repeat; }
#categories ul li.landscapes { background: url(../images/img-landscapes.jpg) no-repeat; }
#categories ul li.mountains { background: url(../images/img-mountains.jpg) no-repeat; }
#categories ul li.parks-garden { background: url(../images/img-parks.jpg) no-repeat; }
#categories ul li.shopping-malls { background: url(../images/img-shopping.jpg) no-repeat; }
#categories ul li.ski-resorts { background: url(../images/img-ski-resorts.jpg) no-repeat; }
#categories ul li.sport { background: url(../images/img-sport.jpg) no-repeat; }
#categories ul li.celebrities a { background: url(../images/img-celebrities.jpg) no-repeat; }
#categories ul li.people a { background: url(../images/img-people.jpg) no-repeat; }
#categories ul li.music-and-art a { background: url(../images/img-music-and-art.jpg) no-repeat; }
#categories ul li.media a { background: url(../images/img-media.jpg) no-repeat; }
#categories ul li.business a { background: url(../images/img-business.jpg) no-repeat; }

/* BOTTOM MENU */
#bottom-menu { font: normal 13px/13px Arial, Helvetica, sans-serif; height: 30px; margin: 0 auto 10px; padding: 40px 0 0 40px; text-align: center; width: 560px; }
#bottom-menu ul { display: block; margin: 0 auto; text-align: center; }
#bottom-menu ul li{ display: inline; float: left; }
#bottom-menu ul li a { border-right: 1px solid #DBDBDB; color: #949494; display: block; float: left; height:18px; margin: 7px 0 0 0; padding: 2px 15px 0 15px; text-decoration: none; }
#bottom-menu ul li a.wow { border: none 0; }
#bottom-menu ul li a:hover { color: #00ADDC; }

/* FOOTER */
#footer a, #footer a:link, #footer a:visited, #footer a:active { color: #949494; text-decoration: none; }
#footer a:hover { color: #00ADDC; text-decoration: none; }
#footer .right a:hover { color: #A3C71E; }
#footer-inn { border-top: 1px solid #33c3eb; padding: 10px 0 0 0; }
#footer-inn .left { color: #949494; display: inline; float: left; margin: 5px 0 0 0; text-align: left; width: 432px; }
#footer-inn .right { color: #949494; display: inline; float: right; margin: 5px 0 0 0; text-align: right; width: 432px; }
#footer-inn .center { display: inline; float: right; width: 100px; }
#footer-inn .right img { vertical-align: middle; }
.foot{ height: 30px; }

/* LOGIN FORM */
#login-and-profile { margin: 0 0 9px 0; width: 187px; }
#login-and-profile p.login-text { font: normal 11px/17px Arial, Helvetica, sans-serif; margin: 4px 0 0 9px; }
#login-and-profile p a, #login-and-profile p a:visited { color: #898989; text-decoration: none; }
#login-and-profile p a:hover { color: #F66C02; text-decoration: underline; }
#loginform-top { background: url(../images/login-top.png) no-repeat top left; height: 22px; overflow: hidden; width: 187px; }
#loginform-top p { color: #F66C02; font: bold 12px/12px Arial, Helvetica, sans-serif; padding: 8px 0 0 9px; }
#loginform-top p .strong { color: #898989; }
#loginform-middle { background: url(../images/login-middle.png) repeat-y; width: 187px; }
#loginform-bottom { background: url(../images/login-bottom.png) no-repeat; height: 13px; width: 187px; }
#loginform-loggedin { background: url(../images/login-middle.png) repeat-y; width: 187px; }
#loginform-loggedin ul { padding: 10px 10px 5px 25px; }
#loginform-loggedin ul li { font: normal 12px/15px Verdana, sans; margin: 0 0 7px 0; }
#loginform-loggedin ul li a, #loginform-loggedin ul li a:link, #loginform-loggedin ul li a:visited { color: #404040; text-decoration: none; }
#loginform-loggedin ul li a:hover { color: #F66C02; text-decoration: none; }
#loginform-middle .left { background: url(../images/login-form.png) top left no-repeat; display: inline; float: left; margin: 10px 3px 0 7px; width: 120px; }
#loginform-middle .right { display: inline; float: left; margin: 10px 0 0 0; width: 47px; }
#submitlogin { background: url(../images/login-button.png) no-repeat top left; height: 46px; margin: 1px 0 0 0; width: 47px; }
#submitlogin a { cursor: pointer; display: block; height: 46px; text-decoration: none; width: 47px; }
#submitlogin img { height: 46px; width: 47px; }
#submitlogin a:hover img { visibility: hidden; }
.inputusername { border: none 0; color: #898989; height: 21px; margin: 3px 0 0 6px; width: 114px; }
.inputpass { border: none 0; color: #898989; height: 21px; margin: 6px 0 0 6px; width: 114px; }
#forgottenpassword { margin: 8px 0 8px 6px; width: 175px; }
#forgottenpassword div div.left { background: url(../images/login-form1.png) top left no-repeat; display: inline; float: left; margin: 10px 3px 0 0; width: 120px; }
#forgottenpassword div div.left input { border: none 0; color: #898989; height: 21px; margin: 4px 0 0 6px; width: 110px; }
#forgottenpassword div div.right { display: inline; float: left; margin: 10px 0 0 0; width: 45px; }

/* RIGHT COLUMN HOME */
#content-right div.ctop { height: 20px; padding: 5px 0 0 14px; margin: 10px 0 0 0; overflow: hidden; width: 173px; }
#content-right div.ctop a, #content-right div.ctop a:link, #content-right div.ctop a:visited, #content-right div.ctop a:active, #content-right div.ctop a:hover {
color: #fff; font: bold 13px Arial, Helvetica, sans-serif; text-decoration: none; }
#content-right div.cmid { background-color: #f1f1f1; padding: 1px 0 1px 4px; width: 181px; }
#content-right div.cmid ul li { background: url(../images/top_cams.gif) top left no-repeat; margin: 7px 0; padding: 0 0 0 17px; }
#content-right div.cmid a { color: #404040; font: 12px/14px Arial; text-decoration: none; }
#content-right div.cmid a:hover { text-decoration: underline; }
#content-right div.inside { margin: 4px 0 4px 0; }
#content-right div.cbot { height: 12px; width: 187px; }
#recent-cams-top { background: url(../images/recent-cams-top.png) no-repeat; }
#recent-cams-middle { background: url(../images/recent-cams-middle.png) bottom no-repeat; border-left: 1px solid #f0bdce; border-right: 1px solid #f0bdce; }
#recent-cams-bottom { background: url(../images/recent-cams-bottom.png) no-repeat; }
#recent-cams-middle ul li a:hover { color: #cd0346; } 
#top-favorite-cams-top { background: url(../images/top-favorite-cams-top.png) no-repeat; }
#top-favorite-cams-middle { background: url(../images/top-favorite-cams-middle.png) no-repeat bottom; border-left: 1px solid #f9e1bb; border-right: 1px solid #f9e1bb; }
#top-favorite-cams-bottom { background: url(../images/top-favorite-cams-bottom.png) no-repeat; }
#top-favorite-cams-middle ul li a:hover { color: #fd9c03; }
#top-rated-cams-top { background: url(../images/top-rated-cams-top.png) no-repeat; }
#top-rated-cams-middle { background: url(../images/top-rated-cams-middle.png) no-repeat bottom; border-left: 1px solid #b2e6b3; border-right: 1px solid #b2e6b3; }
#top-rated-cams-bottom { background: url(../images/top-rated-cams-bottom.png) no-repeat; }
#top-rated-cams-middle ul li a:hover { color: #01ca06; }
#popular-cams-top { background: url(../images/popular-cams-top.png) no-repeat; }
#popular-cams-middle { background: url(../images/popular-cams-middle.png) no-repeat bottom; border-left: 1px solid #afc4ed; border-right: 1px solid #afc4ed; }
#popular-cams-bottom { background: url(../images/popular-cams-bottom.png) no-repeat; }
#popular-cams-middle ul li a:hover { color: #095af7; }
#top-commented-cams-top { background: url(../images/top-commented-cams-top.png) no-repeat; }
#top-commented-cams-middle { background: url(../images/top-commented-cams-middle.png) no-repeat bottom; border-left: 1px solid #e0c0fc; border-right: 1px solid #e0c0fc; }
#top-commented-cams-bottom { background: url(../images/top-commented-cams-bottom.png) no-repeat; }
#top-commented-cams-middle ul li a:hover { color: #9628f4; }

/* RIGHT COLUMN CONTENT */
#categories-in { margin: 0 0 9px 0; width: 187px; }
#categories-in div { display: inline; float: left; height: 85px; text-align: center; width: 89px; } 
#categories-in div.left { margin: 0 9px 3px 0; }
#categories-in div.right { float: left; margin: 0 0 3px 0; }
#categories-in div a, #categories-in div a:link, #categories-in div a:visited, #categories-in div a:active, #categories-in div a:hover { 
cursor: pointer; display: block; height: 85px; text-decoration: none; width: 89px; }
#categories-in div a span { 
color: #fff; cursor: pointer; display: block; font: bold 11px/11px Arial, Helvetica, sans; height: 15px; padding: 65px 0 0 0; text-decoration: none; width: 89px; }
#categories-in div.airports a { background: url(../images/img-airports-left.jpg) no-repeat; }
#categories-in div.bars a { background: url(../images/img-bars-left.jpg) no-repeat; }
#categories-in div.beaches a { background: url(../images/img-beashes-left.jpg) no-repeat; }
#categories-in div.city-views a { background: url(../images/img-city-views-left.jpg) no-repeat; }
#categories-in div.coasts a { background: url(../images/img-coasts-left.jpg) no-repeat; }
#categories-in div.cruise-ships a { background: url(../images/img-cruise-ships-left.jpg) no-repeat; }
#categories-in div.harbors a { background: url(../images/img-harbors-left.jpg) no-repeat; }
#categories-in div.islands a { background: url(../images/img-islands-left.jpg) no-repeat; }
#categories-in div.landmarks a { background: url(../images/img-landmarks-left.jpg) no-repeat; }
#categories-in div.landscapes a { background: url(../images/img-landscapes-left.jpg) no-repeat; }
#categories-in div.mountains a { background: url(../images/img-mountains-left.jpg) no-repeat; }
#categories-in div.parks-garden a { background: url(../images/img-parks-garden-left.jpg) no-repeat; }
#categories-in div.shopping-malls a { background: url(../images/img-shoppin-malls-left.jpg) no-repeat; }
#categories-in div.ski-resorts a { background: url(../images/img-ski-resorts-left.jpg) no-repeat; }
#categories-in div.sport a { background: url(../images/img-sport-left.jpg) no-repeat; }
#categories-in div.celebrities a { background: url(../images/img-celebrities-left.jpg) no-repeat; }
#categories-in div.people a { background: url(../images/img-people-left.jpg) no-repeat; }
#categories-in div.music-and-art a { background: url(../images/img-music-and-art-left.jpg) no-repeat; }
#categories-in div.media a { background: url(../images/img-media-left.jpg) no-repeat; }
#categories-in div.business a { background: url(../images/img-business-left.jpg) no-repeat; }

/* CONTINENTS */
#continents {  margin: 0 0 9px 0; width: 563px; }
#continents-top { height: 32px; overflow: hidden; width: 563px; }
#continents-top span { color: #323232; display: block; font: bold 14px/14px Arial, Helvetica, sans-serif; padding: 14px 0 0 50px; }
#continents-middle { background: url(../images/continent-center-middle.png) repeat-y; width: 563px; }
#continents-middle ul.left { display: inline; float: left; width: 179px; margin: 1px 5px 0 8px; }
#continents-middle ul.center { display: inline; float: left; margin: 1px 5px 0 0; width: 179px; }
#continents-middle ul.right { display: inline; float: left; margin: 1px 8px 0 0; width: 179px; }
#continents-middle ul li { margin: 0 0 1px 0; }
#continents-middle ul li a { 
background: url(../images/continent-normal.png) no-repeat top; color: #4a5258; display: block; font: 12px/15px Arial, Helvetica, sans-serif; height: 17px; overflow: hidden; text-decoration: none; width: 180px; }
#continents-middle ul li a:hover { 
background: url(../images/continent-hover.png) no-repeat top; color: #0151B0; text-decoration: none; }
#continents-middle ul li span { display: block; margin: 0 0 0 14px; }
#continents-bottom { background: url(../images/continent-center-bottom.png) no-repeat; height: 10px; width: 563px; }
#continents div.africa { background: url(../images/continent-center-top-africa.png) no-repeat; }
#continents div.asia { background: url(../images/continent-center-top-asia.png) no-repeat; }
#continents div.australia { background: url(../images/continent-center-top-australia.png) no-repeat; }
#continents div.antarctica { background: url(../images/continent-center-top-antarctica.png) no-repeat; }
#continents div.europe { background: url(../images/continent-center-top-europe.png) no-repeat; }
#continents div.north-america { background: url(../images/continent-center-top-northa.png) no-repeat; }
#continents div.south-america { background: url(../images/continent-center-top-south-america.png) no-repeat; }

/* SEARCH RESULTS */
#search-results .left { display: inline; float: left; margin: 0 1px 8px 1px; width: 280px; }
#search-results .right { display: inline; float: left; margin: 0 0 8px 1px; width: 280px; }

/* GREEN BAR */
#greenbar-top { background: url(../images/greenbar-top.png) no-repeat; height: 6px; font: normal 5px/5px arial, verdana, sans; width: 563px; }
#greenbar-middle { background: url(../images/greenbar-middle.png) repeat-y; padding: 3px 0; width: 563px; }
#greenbar-middle h1, #greenbar-middle h3 { color: #454A46; font: bold 13px/16px Arial, Helvetica, sans; text-align: center; margin: 0 10px; }
#greenbar-middle h1 span.searchfor, #greenbar-middle h3 span.searchfor { color: #454A46; font: normal 12px/15px Arial, Helvetica, sans; }
#greenbar-bottom { background: url(../images/greenbar-bottom.png) no-repeat; font: normal 11px/11px Arial,Verdana, sans; height: 13px; margin: 0 0 9px 0; width: 563px; }
div.rss-button { display: inline; float: right; margin: 0 9px 0 9px; }

/* SORT BY */
#sort-by { background: url(../images/sort-by.png) no-repeat; color: #0c6c86; font: normal 12px/12px Arial, Helvetica, sans; height: 36px; margin: 0 0 9px 0; padding: 0 0 0 160px; text-align: center; width: 403px; }
#sort-by-top { background: url(../images/sort-by.png) no-repeat; color: #0c6c86; font: normal 12px/12px Arial, Helvetica, sans; height: 36px; margin: 0 0 9px 0; padding: 0 0 0 80px; text-align: center; width: 483px; }
#sort-by p { color: #0c6c86; font: normal 12px/12px Arial, Helvetica, sans-serif; float: left; padding: 9px 8px 0 0; text-align: center; }
.sort-button { border: 1px solid #e2e2e2; background: #fff; color: #6889a6; display: block; font: normal 12px/12px Arial; float: left; height: 20px; margin: 4px 4px 0 0; text-decoration: none; }
.sort-button span { display: block; margin: 4px 7px 0 7px; text-align: center; }
a.sort-button, a.sort-button:link, a.sort-button:visited { color: #00a1d2; text-decoration: none; }
a.sort-button:hover { color: #00a1d2; text-decoration: underline; }
.active { border: 1px solid #00a1d2; }

/* SEARCH RESULT CAMS */
div.webcamsrect-top { background: url(../images/webcamsrect-top.png) no-repeat; height: 17px; width: 280px; }
div.webcamsrect-middle { background: url(../images/webcamsrect-middle.png) repeat-y; overflow: hidden; width: 280px; }
div.webcamsrect-middle div.inside { margin: 0 20px 8px 20px; }
div.webcamsrect-middle img.shot { height: 180px; width: 240px; }
div.webcamsrect-middle-left { display: inline; float: left; margin: 10px 0 0 0; width: 120px; }
div.webcamsrect-middle-right { display: inline; float: left; margin: 10px 0 0 0; width: 120px; }
div.webcamsrect-middle img.rateimg { display: inline; float: left; height: 8px; margin: 3px 6px 5px 0; width: 52px; }
div.webcamsrect-middle img.day-night { display: inline; float: right; height: 16px; margin: 0 0 0 6px; width: 16px;  }
div.webcamsrect-middle p { color: #818681; font: normal 11px/16px Arial, Helvetica, sans; }
div.webcamsrect-middle-left p { text-align: left; }
div.webcamsrect-middle-right p { text-align: right; }
div.webcamsrect-middle p a:link, div.webcamsrect-middle p a:visited { color: #818681; font: normal 11px/14px Arial, Helvetica, sans-serif; text-decoration: none; }
div.webcamsrect-middle p a:hover { text-decoration: underline; }
div.webcamsrect-middle h4 { font: bold 13px/16px Arial, Helvetica, sans; margin: 0 0 6px 0; width: 240px; }
div.webcamsrect-middle h4 img { vertical-align: bottom; }
div.webcamsrect-middle h4 a:link, div.webcamsrect-middle h4 a:visited, div.webcamsrect-middle h4 a:hover { color: #0151b0; text-decoration: none; }
div.webcamsrect-bottom-left, div.webcamsrect-bottom-right { height: 11px; margin: 0 0 5px 0; width: 280px; }
div.webcamsrect-bottom-left { background: url(../images/webcamsrect-bottom-left.png) no-repeat; }
div.webcamsrect-bottom-right { background: url(../images/webcamsrect-bottom-right.png) no-repeat; }

/* PAGINATION */
.pages { background: url(../images/sort-by.png) no-repeat; height: 36px; margin: 0 0 9px 0; padding: 4px 0 0 0; text-align: center; width: 563px; }
.creyete_pagination { clear: both; display: block; font: normal 11px/22px arial, verdana, sans; margin: 0 auto; text-align: center; }
.creyete_pagination a:link, .creyete_pagination a:visited { background: #fff; border: 1px solid #e2e2e2; color: #5B6473; margin: 0 0 0 4px; padding: 3px 5px; text-decoration: none; }
.creyete_pagination a:hover { border:1px solid #00a1d2; color: #00a1d2; }
.creyete_pagination span.active_creyete_link { background: #fff; border: 1px solid #e2e2e2; color: #FF8612; cursor: default; margin: 0 0 0 4px; padding: 3px 5px; }
.creyete_pagination span.disabled_creyete_pagination { background: #fff; border: 1px solid #EBEBEB; color: #949495; cursor: default; margin: 0 0 0 4px; padding: 3px 10px; }







/* CAMERA DETAILS */
#detail-img-top { background: url(../images/detail-img-top.png) no-repeat; height: 9px; width: 563px; }
#detail-img-middle { background: #f3f3f3 url(../images/detail-img-mid.png) repeat-y; width: 563px; }
#webcam-img { background: #fff; display: inline; float: left; height: 203px; margin: 0 9px; width: 268px; }
#webcam-img img.mainpicture { margin: 3px; }
#detail-img-bottom { background: url(../images/detail-img-bottom.png) no-repeat; height: 14px; margin: 0 0 9px 0; width: 563px; }

#detail-top { background: url(../images/detail-top.png) no-repeat; height: 26px; width: 563px;}
#detail-top ul { height: 18px; margin: 0 0 0 50px}
#detail-top ul li { background: url(../images/detail-top-left.png) right no-repeat; color: #323232; display: block; font: bold 14px/14px Arial, Helvetica, sans; float: left; height: 18px; padding: 8px 20px 0 0; }

#detail-middle { background: #fffde4 url(../images/detail-mid.png) repeat-y; padding: 3px 0 0 0; width: 563px; }
#detail-middle .left { float: left; padding: 3px 0 0 7px; width: 263px; }
#detail-middle div.left .info { background: #fffef7; border: 1px solid #fff4ba; color: #818681; margin: 7px 0 0 0; padding: 7px 10px 10px 10px; font: normal 11px/16px Arial, Helvetica, sans; width: 240px; }
#detail-middle div.left .info p { color: #818681; font: 11px/16px Arial, Helvetica, sans-serif; }

a.infolinks, a.infolinks:visited { color: #818681; font: normal 11px/11px Arial, Helvetica, sans; text-decoration: none; }
a.infolinks:hover { color: #33c3eb; text-decoration: underline; }
p.inside { margin: 0 0 0 60px; }

#detail-middle div.left .line { border-bottom: 1px solid #fff4ba; line-height: 1px; margin: 5px 0; width: 100%; }
#detail-middle .right { color:#818681; font: 11px/16px Arial, Helvetica, sans; float: right; padding: 10px 10px 0 0; width: 270px; }
#detail-middle .right p { color: #818681; font: normal 11px/16px Arial, Helvetica, sans-serif; text-align: justify; }
#detail-bottom { background: url(../images/detail-down.png) no-repeat; height: 13px; margin: 0 0 9px 0; width: 563px; }
#detail-middle .right .unlist_reason { color: #993300; padding: 5px 0; }
#detail-middle .right .approval { color: #990000; padding: 5px 0; }

#detail-middle .left .textinput,
#detail-middle .left select,
#detail-middle .left textarea { border: 1px solid #fbe7bd; color: #444; font: normal 13px/16px Arial, Helvetica, sans; margin: 0 0 7px 0; padding: 0 0 0 5px; width: 220px; }
#detail-middle .right .textinput,
#detail-middle .right select,
#detail-middle .right textarea { border: 1px solid #fbe7bd; color: #444; font: normal 13px/16px Arial, Helvetica, sans; margin: 0 0 7px 0; padding: 0 0 0 5px; width: 250px; }
#detail-middle .right .descrinput { border: 1px solid #fbe7bd; color: #444; font: normal 13px/16px Arial, Helvetica, sans; margin: 0 0 7px 0; padding: 0 0 0 5px; width:260px; }
#detail-middle .right .tags { border: 1px solid #fbe7bd; color: #444; font: normal 13px/16px Arial, Helvetica, sans; margin: 0 0 7px 0; padding: 0 0 0 5px;width:240px; }
#detail-middle div.right .info { background: #fffef7; border: 1px solid #fff4ba; color: #818681; font: normal 11px/16px Arial, Helvetica, sans-serif; margin: 7px 0 0 0; padding: 7px 10px 10px 10px; width: 250px; }
#detail-middle div.right .line { border-bottom: 1px solid #fff4ba; line-height: 1px; margin: 5px 0; width: 100%; }

#report-middle .right { color: #818681; font: normal 11px/16px Arial, Helvetica, sans; float: right; padding: 10px; width: 180px; }
#report-middle .right p { color: #818681; font: normal 11px/16px Arial, Helvetica, sans; float: right; text-align: justify; }
#report-middle .right .textinput,
#report-middle .right select,
#report-middle .right textarea { border: 1px solid #fbe7bd; color: #444; font: normal 13px/16px Arial, Helvetica, sans; margin: 0 0 7px 0; padding: 0 0 0 5px; width: 175px; }

/* TAGS */
#tags-top { background: url(../images/tags-top.png) no-repeat; height: 6px; width: 563px; }
#tags-middle { background: #f9f9f9 url(../images/tags-mid.png) repeat-y; padding: 0px 10px 6px 10px; width: 543px; }
#tags-middle p { color: #818681; text-align: justify; }
#tags-middle p a, #tags-middle p a:link, #tags-middle p a:visited { color: #818681; font: normal 11px/11px Arial, Helvetica, sans; text-decoration: none; }
#tags-middle p a:hover { color: #33c3eb; }
#tags-bottom { background: url(../images/tags-bottom.png) no-repeat; height: 9px; margin: 0 0 9px 0; width: 563px; }

















#pages-blue {width: 565px; height: 29px; background: url(../images/pages-blue.png) no-repeat; text-align: center; margin: 2px 0}
.pagess-blue {width:330px;text-align:center;margin:0 auto;}
.pages-button-blue {height: 21px; display: block; float: left; font: 12px Arial; color: #84888e; text-decoration: none; border: 1px solid #e2e2e2; background-color: #fff; margin: 2px 3px 0 0}
.pages-button-blue span {display: block; margin: 0 auto;text-align: center;margin: 3px 3px 0px 3px;}
.pages-button-blue, a:visited.pages-button-blue {color: #84888e; text-decoration: none;}
a:hover.pages-button-blue {text-decoration: none;color: #33c3eb; text-decoration: underline;}
span.pages-button-blue-current  {display: block; width: 16px; margin: 0;text-align: center;height: 18px; display: block; float: left; font:bold 12px Arial; color: #74777c; text-decoration: none; border: 1px solid #5cd3fe; background-color: #d5f3fe; margin: 2px 3px 0 0px; padding: 3px 0 0 0}



/* NO RESULT */
div.search_results_no_result { margin: 30px 0 0 0; text-align: center; }
div.search_results_no_result p { color: #00ADDC; font: bold 13px/17px Arial, Helvetica, sans; text-align: center; }
div.search_results_no_result p a { font: normal 12px/15px Arial, Helvetica, sans; }

/* BUTTONS */
.add-to-favorites a, .add-to-favorites a:visited{float: left ;border: 1px solid #fed48b; height: 12px; font: 11px/11px Arial, Helvetica, sans-serif; color: #818681; text-decoration: none; padding: 2px 5px 0 25px; background: #fef8df url(../images/button-star.png) left no-repeat; margin-top: 10px}
.add-to-favorites a:hover{background: #feeb9f url(../images/button-star.png) left no-repeat;}

.edit-cam a, .edit-cam a:visited{float: right ;border: 1px solid #fed48b; height: 12px; font: 11px/11px Arial, Helvetica, sans-serif; color: #818681; text-decoration: none; padding: 2px 5px 0 25px; background: #fef8df url(../images/button-editcam.png) left no-repeat; margin-top: 10px}
.edit-cam a:hover{background: #feeb9f url(../images/button-editcam.png) left no-repeat;}

#reportbutton {height: 30px; width: 97%; margin: 0 auto}
#savebutton {height: 30px; width: 97%; margin-top: 40px}
.share a, .share a:visited{float: left; border: 1px solid #fed48b; height: 13px; font: 11px/11px Arial, Helvetica, sans-serif; color: #818681; text-decoration: none; padding: 2px 5px 0 25px; background: #fef8df url(../images/button-share.png) no-repeat left; margin-top: 10px}
.share a:hover{background: #feeb9f url(../images/button-share.png) no-repeat left; }

.repportcam a, .repportcam a:visited{float: right; border: 1px solid #fed48b; height: 13px; font: 11px/11px Arial, Helvetica, sans-serif; color: #818681; text-decoration: none; padding: 2px 25px 0 5px; background: #fef8df url(../images/button-reportcam.png) no-repeat right; margin-top: 10px}
.repportcam a:hover{background: #feeb9f url(../images/button-reportcam.png) no-repeat right; }

/* SMALL MAP */
#sm-map-top { background: url(../images/gray2-top.png) no-repeat; height: 10px; overflow: hidden; margin: 14px 0 0 0; width: 282px; }
#sm-map-middle { background: url(../images/gray2-middle.png) repeat-y; overflow: hidden; padding: 1px 10px; width: 262px; }
#sm-map-bottom { background: url(../images/gray2-bottom.png) no-repeat; height: 14px; width: 282px; }
#sm-map-wrapper  { background: #fff; display: inline; float: left; height: 203px; width: 268px; }
#sm-map-wrapper #map { height: 197px; margin: 3px; overflow: hidden; width: 262px; }

/* NEW ACCOUNT FORM */
#account-form-top {background: url(../images/account-form-top.png) no-repeat; width: 564px; height: 44px}
#account-form-edit-top {background: url(../images/account-form-top-edit.png) no-repeat; width: 564px; height: 44px}
#account-form-middle {background-color: #fff8ea; border-left: 1px solid #ffecc7; border-right: 1px solid #ffecc7; width: 427px; padding-left: 135px; color: #818681; font: 12px/24px Trebuchet MS}
#account-form-edit-middle {background-color: #fff8ea; border-left: 1px solid #ffecc7; border-right: 1px solid #ffecc7; width: 552px; padding-left: 10px; color: #818681; font: 12px/24px Trebuchet MS; padding-top: 15px}
#account-form-middle .left {width: 120px; float: left}
#account-form-middle .right {width: 200px; float: left; text-align: right;}
#account-form-edit-middle .left {width: 270px; float: left; margin: 0px; padding: 0px}
#account-form-edit-middle .right {width: 260px; float: right; padding-right: 10px}
* html #account-form-edit-middle .right {padding-right: 5px}
.account-lc-left {float: left; width: 60px;}
.account-lc-left2, account-lc-right3 {float: left; width: 56px; text-align: right; padding-right: 4px}
.account-lc-left2 img {margin-bottom: 4px} 
* html .account-lc-left2 img {margin-bottom: 8px ;} *:first-child+html .account-lc-left2 img {margin-bottom: 8px}

.account-lc-left-text, account-lc-right3 {float: left; width: 56px; text-align: right; padding-right: 4px}
.account-lc-left-text img {margin-bottom: 4px} 
* html .account-lc-left-text img {margin-bottom: 6px ;} *:first-child+html .account-lc-left-text img {margin-bottom: 6px}

.account-lc-left p {font:11px/22px "Trebuchet MS"; color: #818681}
* html .account-lc-left p {font:11px/23px "Trebuchet MS";}  *:first-child+html .account-lc-left p {font:11px/24px "Trebuchet MS";}
.account-lc-right {float: right ;width: 200px;}
.account-lc-right p {font: 11px/22px Arial, Helvetica, sans-serif; color: #323232;}
div.account-lc-right p.userprof {font: 11px/18px Arial, Helvetica, sans-serif; color: #323232; padding: 0px; margin: 0px}
* html .account-lc-right p {font: 11px/22px Arial, Helvetica, sans-serif; padding-bottom: 2px; display: block;} *:first-child+html .account-lc-right p {font: 11px/22px Arial, Helvetica, sans-serif;padding-bottom: 2px; display: block;}
.account-lc-right input {border: 1px solid #fedea7; margin-bottom: 6px; font: 14px Trebuchet MS; color: #444444; background-color: #fffbf2}
#account-form-middle p {color: #818681; font: 10px/16px Trebuchet MS; margin: 30px 20px 0 0; text-align: right;}
#account-form-bottom {background: url(../images/account-form-bottom.png) no-repeat; width: 564px; height: 16px}
#account-form-middle input {border: 1px solid #e2eaed; margin-bottom: 2px; font: 14px "Trebuchet MS"; width: 200px;color: #444444;}
#account-form-edit-middle textarea {border: 1px solid #ffeccb; font: 11px/15px Trebuchet MS; width: 234px; padding: 8px ;color: #818681; background-color: #fffbf2}
#account-form-edit-middle .areatxt {border: 1px solid #ffeccb; font: 11px/15px "Trebuchet MS"; width: 234px; padding: 8px ;color: #818681; background-color: #fffbf2}
#account-form-edit-middle .areatxt p {font: 11px/15px "Trebuchet MS";color: #818681; text-align: justify;}
.titlegray {color: #818681; font: 11px "Trebuchet MS"; padding-bottom: 5px}
input.browseinput {width: 128px; float: left;margin:0 4px 2px 0px;padding:1px 0 1px 6px; font: 11px/15px Trebuchet MS;color: #818681}
input.nameinput {width: 190px;margin-bottom: 2px;padding:1px 0 1px 6px; font: 11px/15px Trebuchet MS;color: #818681}
input.messangers {width: 138px;margin-bottom: 2px;padding:1px 0 1px 6px; font: 11px/15px Trebuchet MS;color: #818681}
.ten-px-thirty {margin: 10px 0 30px 0} .ten-px {margin: 0 0 15px 0}
#account-form-edit-middle .left input {border: 1px solid #ffeccb; margin-bottom: 2px; font: 12px Trebuchet MS; width: 161px;color: #000; float: left; clear: both; color: #818681; padding-left: 7px}
#account-form-edit-middle .avatar {margin:0; border:1px solid #FEDEA7;}
#account-form-edit-middle input, #account-form-edit-middle select {border: 1px solid #fedea7; margin-bottom: 2px; font: 12px Trebuchet MS; width: 180px;color: #000; color: #818681; }


.details-border2 p {height: 24px}
a.userd, a:visited.userd {color: #323232; font: 11px Arial, Helvetica, sans-serif; text-decoration: none; width: 190px; display: block; float: left; padding:2px 0 0 10px}
a:hover.userd {color: #33c3eb; text-decoration: underline}
.details-border {border: 1px solid #fedea7; background: #fffbf2; padding: 7px 6px 13px 7px}
.details-border a, .details-border a:visited {font:11px Arial, Helvetica, sans-serif; color: #323232; text-decoration:none;}
.details-border a:hover {color: #33c3eb;text-decoration: underline}
.details-border2 {border: 1px solid #fedea7; background: #fffbf2; padding: 7px 6px 13px 7px;margin-top:15px}
.details-border2 a, .details-border2 a:visited {font:11px Arial, Helvetica, sans-serif; color: #323232; text-decoration:none;}
.details-border2 a:hover {color: #33c3eb;text-decoration: underline}
div.details-border .title {padding-bottom: 10px; width: 100%}
div.details-border2 .title {padding:0 0 10px 10px; width: 90%; height: 12px}
.orange-button {height: 16px; display: block; font: 11px Trebuchet MS; color: #818681; text-decoration: none; border: 1px solid #fed48b; background-color: #fff8ea; margin: 2px 0px 0 0;}
.orange-button span {display: block; margin: 0 auto;text-align: center;margin: 0px 8px 0px 8px;}
a.orange-button, a:visited.orange-button { margin-left:5px; float: right; text-align: right;color: #818681; text-decoration: none;}
a:hover.orange-button {text-decoration: none; color: #818681; text-decoration: none; background-color: #feefb0}
a.sitelink , a:visited.sitelink  {font: 12px "Trebuchet MS"; color: #33c3eb}


.orange2-button {height: 15px; display: block; font: 11px Trebuchet MS; color: #818681; text-decoration: none; border: 1px solid #feefb0; background-color: #feefb0; margin: 2px 4px 0 0;padding-top: 1px}
.orange2-button span {display: block; margin: 0 auto;text-align: center;margin: 0px 3px 0px 3px;}
a.orange2-button, a:visited.orange2-button {float: right; text-align: right;color: #818681; text-decoration: none;}
a:hover.orange2-button {text-decoration: none; color: #818681; text-decoration: none; background-color: #feefb0;border: 1px solid #fed48b;}

.done-button {width: 43px;height: 16px; display: block; font: 11px Trebuchet MS; color: #818681; text-decoration: none; border: 1px solid #feefb0; background-color: #feefb0; margin: 10px 4px 0 0;}
.done-button span {display: block; margin: 0 auto;text-align: center;margin: 0px 3px 0px 3px;}
a.done-button, a:visited.done-button {width: 43px;text-align: right;color: #818681; text-decoration: none;}
a:hover.done-button {text-decoration: none; color: #818681; text-decoration: none; background-color: #feefb0;border: 1px solid #fed48b;}

.green-button {height: 15px; display: block; font: 11px Trebuchet MS; color: #818681; text-decoration: none; border: 1px solid #d4ee80; background-color: #fff; margin: 2px 0px 0 0;padding-top: 1px}
.green-button span {display: block; margin: 0 auto;text-align: center;margin: 0px 3px 0px 3px;}
a.green-button, a:visited.green-button {float: right; text-align: right;color: #818681; text-decoration: none;}
a:hover.green-button {text-decoration: none; color: #818681; text-decoration: none; background-color: #fbfeec;}

.cyan-button {height: 16px; display: block; font: 11px Trebuchet MS; color: #818681; text-decoration: none; border: 1px solid #c8edf6; background-color: #fff; margin: 0px 0px 0 0; padding-top: 2px}
.cyan-button span {display: block; margin: 0 auto;text-align: center;margin: 0px 3px 0px 3px;}
a.cyan-button, a:visited.cyan-button {float: right; text-align: right;color: #818681; text-decoration: none;}
a:hover.cyan-button {text-decoration: none; color: #818681; text-decoration: none; background-color: #f1fdff;}

.white-button {height: 16px; display: block; float: left; font: 11px Trebuchet MS; color: #323232; text-decoration: none; border: 1px solid #65b9fd; background-color: #fff; margin: 2px 3px 0 0;}
.white-button span {display: block; margin: 0 auto;text-align: center;margin: 0px 8px 0px 8px;}
a.white-button, a:visited.white-button {color: #323232; text-decoration: none;}
a:hover.white-button {text-decoration: none; color: #323232; text-decoration: none;background-color: #a7e4ff}

.blue-button {height: 16px; display: block; float: left; font: 11px Trebuchet MS; color: #323232; text-decoration: none; border: 1px solid #65b9fd; background-color: #fff; margin: 2px 3px 0 7px;}
.blue-button span {display: block; margin: 0 auto;text-align: center;margin: 0px 8px 0px 8px;}
a.blue-button, a:visited.blue-button {color: #323232; text-decoration: none;}
a:hover.blue-button {text-decoration: none; color: #323232; text-decoration: none;background-color: #a7e4ff}

.yes-no {height: 13px; display: block; float: left; font: 11px/11px Arial, Helvetica, sans-serif; color: #818681; text-decoration: none; border: 1px solid #fed48b}
.yes-no span {display: block; margin: 0 auto;text-align: center;margin: 0px 4px 0px 4px;}
#detail-middle div.left .info a.yes-no, #detail-middle div.left .info a:visited.yes-no {height: 13px;color: #818681; text-decoration: none; padding: 2px 0 0 0; width: 28px; margin: 0px 3px 0 0;}
#detail-middle div.left .info a:hover.yes-no {text-decoration: none; color: #818681; text-decoration: none; background-color: #feeb9f}
p.yes-no {float:left; margin-right:4px; border: 0px}
.status-image {display: block; padding-bottom: 10px;}

/* STATIC PAGES */
#terms-of-use {width: 565px; height: 38px; background: url(../images/terms-of-use-top.png) no-repeat;}
#about-us {width: 565px; height: 38px; background: url(../images/about-us.png) no-repeat;}
#static-pages-middle {width: 563px; background-color: #fcfbfb; border-left: 1px solid #f2f4f4; border-right: 1px solid #f2f4f4; font: 11px/16px Arial, Helvetica, sans-serif; color:#818681; text-align: justify; padding-top: 30px}
#static-pages-middle p {font: 11px/16px Arial, Helvetica, sans-serif; color:#818681; text-align: justify; margin-bottom: 15px}
#static-pages-middle img {margin-bottom: 15px }
#static-pages-middle .left {width: 255px; float: left; padding-left: 18px}
#static-pages-middle .right {width: 255px; float: right; padding-right: 18px}
#static-pages-bottom {width: 565px; height: 29px; background: url(../images/static-page-bottom.png) no-repeat;}

/* CONTACT FORM */
#contacts-top {width: 564px; height: 39px; background:url(../images/contact-top.png) no-repeat;}
#contacts-middle {width: 444px; background-color: #d0edff; font: 11px/26px Trebuchet MS; color:#323232; padding: 20px 0 0 120px}
#contacts-middle .left {width: 65px; float: left; margin-bottom: 10px}
#contacts-middle .right {width: 200px; float: left; margin-bottom: 10px}
#contacts-middle input {border: 1px solid #8fcdfe; margin-bottom: 6px; font: 14px Trebuchet MS; width: 195px;color: #444444;padding-left: 5px}
#contacts-middle textarea {border: 1px solid #8fcdfe; margin-bottom: 6px; font: 14px Trebuchet MS; width: 250px; color: #444444; padding: 5px}
#contacts-bottom {width: 564px; height: 14px; background:url(../images/contact-bottom.png) no-repeat;}
#contacts-buttons { float: right; width: 100px; margin: 40px 10px 15px 0}

/* LIST PAGES */
.listpages-top {width: 563px;height: 6px; background: url(../images/greenbar-top.png) no-repeat; font: 5px/5px Arial;margin-top: 13px}
.listpages-middle {width: 543px;  background: url(../images/greenbar-middle.png) repeat-y; padding: 10px}
.listpages-middle p { font: 11px Arial, Helvetica, sans-serif; color: #818681; padding: 14px 0 2px 12px}
.listpages-middle h1 {font:bold 12px Arial, Helvetica, sans-serif; color: #00a1d2; width: 100%; text-align: center;}
.listpages-middle .left {width: 100px; float: left; margin-bottom: 10px; font-weight:bold;}
.listpages-middle .right {width: 410px; float: left; margin-bottom: 10px}
.listpages-middle input {border: 1px solid #8fcdfe; margin-bottom: 6px; font: 14px Trebuchet MS; width: 225px;color: #444444;padding-left: 5px}
.listpages-middle textarea {border: 1px solid #8fcdfe; margin-bottom: 6px; font: 14px Trebuchet MS; width: 400px; color: #444444; padding: 5px}
.listpages-bottom {width: 563px;height: 13px; background: url(../images/greenbar-bottom.png) no-repeat;font: 11px/11px Arial}
.listpages-buttons { float: right;  margin: 10px 10px 15px 0}
.green-button {height: 16px; display: block; float: left; font: 11px Trebuchet MS; color: #323232; text-decoration: none; border: 1px solid #339966; background-color: #fff; margin: 2px 3px 0 7px;}
.green-button span {display: block; margin: 0 auto;text-align: center;margin: 0px 8px 0px 8px;}
a.green-button, a:visited.green-button {color: #323232; text-decoration: none;}
a:hover.green-button {text-decoration: none; color: #323232; text-decoration: none;background-color: #339966}




/* ADVANCED SEARCH */
#adv-search-top {width: 565px; height: 39px; background:url(../images/advanced-search-top.png) no-repeat;}
#adv-search-middle {width: 563px; background-color: #fefeed; font: 11px/25px Trebuchet MS; color:#323232; padding: 20px 0 0 0px; border-left: 1px solid #fbe7bd; border-right: 1px solid #fbe7bd}
#adv-search-middle .left {width: 88px; float: left; margin-bottom: 15px; font:bold 11px/24px Arial, Helvetica, sans-serif; color: #818681; padding-left: 62px}
#adv-search-middle .left p {font:bold 11px Arial, Helvetica, sans-serif; color: #818681; padding:6px 0 6px 0}
#adv-search-middle p.little {font: 10px Arial, Helvetica, sans-serif; color:#818681; margin-right: 14px}
#adv-search-middle .right {width: 370px; float: left; margin-bottom: 15px}
#adv-search-middle textarea {border: 1px solid #fbe7bd; margin-bottom: 6px; font: 16px Arial, Helvetica, sans-serif; width: 260px; color: #444444; }
#adv-search-middle input.cameraname {width: 335px; border: 1px solid #fbe7bd; margin-bottom: 7px; font: 13px/16px Arial, Helvetica, sans-serif; color: #444444;padding-left: 5px}
#adv-search-middle input.zip {width: 45px; border: 1px solid #fbe7bd; margin-bottom: 7px; font: 13px/16px Arial, Helvetica, sans-serif; color: #444444;padding-left: 5px}
#adv-search-middle input.city {width: 245px; border: 1px solid #fbe7bd; margin-bottom: 7px; font: 13px/16px Arial, Helvetica, sans-serif; color: #444444;padding-left: 5px}
#adv-search-middle input.webadress {width: 215px; border: 1px solid #fbe7bd; margin-bottom: 7px; font: 13px/16px Arial, Helvetica, sans-serif; color: #444444; margin-left: 7px;padding-left: 5px}
#adv-search-middle select.state {width: 80px; border: 1px solid #fbe7bd; margin-bottom: 7px; font: 14px Arial, Helvetica, sans-serif; color: #444444;}
#adv-search-middle select.country {width: 250px; border: 1px solid #fbe7bd; margin-bottom: 7px; font: 14px Arial, Helvetica, sans-serif; color: #444444;}
#adv-search-middle select {border: 1px solid #fbe7bd; background-color: #fff ; font: 14px Arial, Helvetica, sans-serif; width: 110px; color: #444444; margin-bottom: 6px;}
.omglabel { color:#1d63a2;font: 12px Arial, Helvetica, sans-serif;}
.multi1 option, .multi2 option {color:#000;font: 12px Arial, Helvetica, sans-serif; }
#adv-search-middle select.multi3 {border: 1px solid #fbe7bd; background-color: #fff ; font: 12px Arial, Helvetica, sans-serif; width: 300px; color: #444444; margin-bottom: 6px; padding-left: 3px} 
#adv-search-middle select.multi1 {border: 1px solid #fbe7bd; background-color: #fff ; font: 12px Arial, Helvetica, sans-serif; width: 140px; color: #444444; padding: 4px 4px 4px 18px; overflow: auto; float: left;}
#adv-search-middle select.multi2 {border: 1px solid #fbe7bd; background-color: #fff ; font: 12px Arial, Helvetica, sans-serif; width: 140px; color: #444444; padding: 4px 4px 4px 18px; overflow: auto; float: left; margin-left: 30px}
#adv-search-bottom {width: 565px; height: 30px; background:url(../images/advanced-search-bottom.png) no-repeat;}
#adv-search-buttons { float: right; width: 100px; margin: 60px 10px 15px 0}
#adv-search-middle .line { width: 100%; border-bottom: 1px solid #fbe7bd; padding: 0px; margin: 0px; line-height: 1px; margin-bottom: 20px }

.checkleft {width: 160px; float: left;}
.checkright { width: 160px; float: left}
#search-submit-buttons { float: right; width: 400px; margin: 0px 10px 15px 0}

/*.clearbutton {border:none; background:url(../images/clear-left.png) left center no-repeat ;padding:0;margin:0;width:60px;text-align:center;white-space:nowrap;height:19px; cursor: pointer}	
.submitbutton {border:none; background:url(../images/search-left.png) left center no-repeat ;padding:0;margin:0;width:67px;text-align:center;white-space:nowrap;height:19px; cursor: pointer}*/

.clearbutton {position: relative;float: right;font-family: arial, helvetica, sans-serif; background:url(../images/clear-left-h.png) no-repeat;white-space: nowrap;display: block;width: 60px;height: 19px;margin: 0px;padding: 0px;}
.clearbutton a {display: block;color: #000;font-size: 11px;width: 60px;height: 19px;float: left;text-decoration: none;}
.clearbutton img {width: 60px; height: 19px; border: 0;}
* html .clearbutton a:hover {visibility:visible}
.clearbutton a:hover img{visibility:hidden}
.clearbutton span {position: absolute;left: 35px;top: 15px;margin: 0px;padding: 0px;cursor: pointer;} 

.submitbutton {position: relative; float: right;font-family: arial, helvetica, sans-serif; background:url(../images/search-left-h.png) no-repeat;white-space: nowrap;display: block;width: 67px;height: 19px;margin: 0px 20px 0 0;padding: 0px;}
.submitbutton a {display: block;color: #000;font-size: 11px;width: 67px;height: 19px;float: left;text-decoration: none;}
.submitbutton img {width: 67px; height: 19px; border: 0;}
* html .submitbutton a:hover {visibility:visible}
.submitbutton a:hover img{visibility:hidden}
.submitbutton span {position: absolute;left: 35px;top: 15px;margin: 0px;padding: 0px;cursor: pointer;} 



/* COMMENTS */
#comments-top { background: url(../images/comments-top.png) no-repeat; height: 6px; width: 563px; }
#comments-middle { background: #eefbfe url(../images/comments-mid.png) repeat-y; padding: 0px 10px 6px 10px; width: 543px; }
#comments-bottom { background: url(../images/comments-bottom.png) no-repeat; height: 11px; width: 563px; }
#comments-middle p {font:11px/16px Arial, Helvetica, sans-serif; color:#818681; text-align: justify; }
#comments-middle a, #comments-middle a:visited {font: 11px Arial, Helvetica, sans-serif; color: #33c3eb; text-decoration: underline; }
#comments-middle a:hover {color: #125c70;}
#comments-middle a.viewlink, #comments-middle a.viewlink:visited {font: 11px Arial, Helvetica, sans-serif; color: #818681; text-decoration: underline; float: right;}
#comments-middle a.viewlink:hover { color: #33c3eb; }

.comments-border {border: 1px solid #e2eaed; margin: 4px; background-color: #fff; padding: 6px; color: #818681; font:9px/15px Arial, Helvetica, sans-serif;}
.comments-border .left {float: left; width: 57px}
.comments-border .right {float: left; width: 450px}
.comments-border .avatar {float:left; width: 300px; overflow: hidden;}
.comments-border .time {float: right; width: 100px; text-align: right;}

#comments-form {padding:20px 0px 0 60px; font: 11px "Trebuchet MS"; color: #818681;}
#comments-form p {margin: 3px 0}
#comments-form input {border: 1px solid #e2eaed; width: 230px}
#comments-form textarea {border: 1px solid #e2eaed; margin: 0; width: 430px;}
#comments-buttons {width: 430px; margin: 10px 0px 10px 0}
.bluesubmit-button {height: 16px; display: block; float: left; font: 11px Trebuchet MS; color: #818681; text-decoration: none; border: 1px solid #65b9fd; background-color: #eefbfe; margin: 2px 3px 0 7px;}
.bluesubmit-button span {display: block; margin: 0 auto;text-align: center;margin: 0px 8px 0px 8px; color: #818681; text-decoration: none; padding-top: 1px}
#comments-buttons a.bluesubmit-button, #comments-buttons  a:visited.bluesubmit-button {float: right; color: #818681; text-decoration: none;}
#comments-buttons a:hover.bluesubmit-button {text-decoration: none; color: #0054a4; text-decoration: none; background-color: #cdf1fe}

/* SHARE */
#share-button {width: 271px;z-index: 1000;position: absolute;left:515px;top:737px;}
#share-button-up {width: 271px; height: 6px; background: url(../images/share-button-up.gif) no-repeat; font: 6px/6px Arial, Helvetica, sans-serif;}
#share-button-middle {width: 253px; border-left:1px solid #ccd38d; border-right:1px solid #ccd38d; background-color: #edfbce; height: 40px; padding: 5px 8px}
#share-button-down {width: 271px; height: 19px; background: url(../images/share-button-down.gif) no-repeat;}
#share-button-middle img {border: none; margin: 1px 3px}

#report {width: 271px;  margin:10px; float:right;}
#report-up {width: 271px; height: 6px; background: url(../images/report-up.png) no-repeat; font: 6px/6px Arial, Helvetica, sans-serif;}
#report-middle {width: 253px; border-left:1px solid #fdc7b6; border-right:1px solid #fdc7b6; background-color: #fff0df; padding: 2px 8px}
#report-middle .left {width: 50px; float: left; font: 9px/12px Arial, Helvetica, sans-serif; color: #818681}
#report-middle .right {width: 190px; float: right; padding: 0px; margin: 0px}
#report-middle .right p {background: #fff8f1; border: 1px solid #fee2cd; font: 10px/12px Arial, Helvetica, sans-serif; color: #818681}
#report-down {width: 271px; height: 19px; background: url(../images/report-down.png) no-repeat;}
#report-middle textarea,
#report-middle input { width: 180px; background: #fff8f1; border: 1px solid #fee2cd; font: 10px/12px Arial, Helvetica, sans-serif; color: #818681; padding: 0;}


.clearbutton {border:none; background:url(../images/clear-left.png) left center no-repeat ;padding:0;margin:0;width:60px;text-align:center;white-space:nowrap;height:19px; padding:0 10px;}	
.submitbutton {border:none; background:url(../images/search-left.png) left center no-repeat ;padding:0;margin:0;width:67px;text-align:center;white-space:nowrap;height:19px;}	
.savebutton {border:none; padding:0;margin:0;width:67px;text-align:center;white-space:nowrap;height:19px;}	

.warning { color:#cc0000; line-height:12px; font-size:12px; margin:2px; }

/* FORM */
#pink-form-top {background: url(../images/pink-form-top.png) no-repeat; width: 564px; height: 44px;}
#pink-form-top p { color: #818681; font: 16px Trebuchet MS bold; margin :10px 20px 0 20px; text-align:center;}
#pink-form-middle {background-color: #fff8ea; border-left: 1px solid #ffecc7; border-right: 1px solid #ffecc7; width: 507px; padding-left: 55px; color: #818681; font: 12px/24px Trebuchet MS}
#pink-form-middle.wide {width: 557px; padding-left: 5px; }
#pink-form-middle .left {width: 150px; float: left}
#pink-form-middle .right {width: 300px; float: left; text-align: left}
#pink-form-middle .avatar {margin:5px 0; border-right:1px solid #666666; border-bottom:1px solid #666666; border-top:1px solid #cccccc; border-left:1px solid #cccccc;}
#pink-form-bottom {background: url(../images/account-form-bottom.png) no-repeat; width: 564px; height: 16px}
#pink-form-middle input, #pink-form-middle textarea, #pink-form-middle select {border: 1px solid #e2eaed; margin-bottom: 6px; font: 14px Trebuchet MS; width: 300px;color: #444444;}
#pink-form-middle input.orange-button{ margin: 0 auto;text-align: center;margin: 0px; font: 11px Trebuchet MS;color: #818681; text-decoration: none; height:25px; border: 1px solid #fed48b; background-color: #feefb0;}

#pink-form-middle input.small, #pink-form-middle select.small {border: 1px solid #e2eaed; margin-bottom: 6px; font: 14px Trebuchet MS; width: 200px;color: #444444; vertical-align:middle;}
#pink-form-middle input.small-orange-button {border: 1px solid #fed48b; background-color: #feefb0; width:auto; padding:0 5px; vertical-align:middle;}
#pink-form-middle table { background:#FED48B;width:99%; }
#pink-form-middle th {background:#FED48B; color:#ffffff; padding:4px; text-align:center;}
#pink-form-middle td {background:#FFFBF2; color:#333333; padding:4px; }

.pink-pages {width: 100%; height: 29px; text-align: center;}
.pink-pages .pagess {width:80%; text-align:center; margin:0 auto;}
.pink-pages .pages-button {height: 21px; display: block; float: left; font: 12px Arial; color: #84888e; text-decoration: none; border: 1px solid #e2e2e2; background-color: #fff; margin: 2px 3px 0 0}
.pink-pages .pages-button span {display: block; margin: 0 auto;text-align: center;margin: 3px 3px 0px 3px;}
.pink-pages .pages-button, a:visited.pages-button {color: #84888e; text-decoration: none; }
.pink-pages a:hover.pages-button {text-decoration: none;color: #33c3eb; text-decoration: underline;}
.pink-pages span.current { color:#cccccc; padding:0 4px;}

#pic_edit_rs h1 { padding: 10px 0; }




/* AUTOCOMPLETE */
div.autocomplete { background: #fff; border: 1px solid #e2e2e2; height: 300px; position: absolute; overflow: auto; width: 250px; /* z-index:1000; */ }
div.autocomplete ul li.selected { background: #ffffbb;}
div.autocomplete ul li { cursor: pointer; display: block; font: normal 12px/15px Arial, Helvetica, sans; height: 18px; padding: 2px; }

/* LOADING ANIMATION */
#loading { background: url(../images/ajax-loader.gif) no-repeat top right; height: 20px; width: 160px; }
#loading p { color: #454A46; font: normal 12px/15px arial, verdana, sans; padding: 0 24px 0 0; text-align: right; }