@import "dropdown.css";
@import "dropdown.default.advanced.css";

a {text-decoration: none; color:#000000;}
a:hover {color:#FF9900; text-decoration: underline;}
a:active {color:#FF9900;}
a:visited {color:#444444;}

body {position:relative; font: normal 14px Arial; margin:0px; padding:0px;}
body.page { min-width:600px;}
body.wmenu1 { background-image: url("../img/bkg-150.gif"); background-repeat: repeat-y;}

#body_header {position: relative; display: block; width:100%; font: 400 14px/18px Arial; text-transform:uppercase; background-color: #000000; color:#ffffff;}
#body_header a {color:#ffffff;}
#body_header table {width:100%; border-spacing:0px; border-collapse: separate;}
#body_header td {padding:0px;}
#body_header .links {padding:10px;}
#nav {position:absolute; top:5px; right: 5px;} 
#body_bottommenu {position: relative; display: block; clear: both; font: 400 14px/18px Arial; text-align:center; text-transform:uppercase; padding-top:20px; margin-top:20px;}
#body_bottommenu a {text-decoration:none; color:#000000;}
#body_bottommenu a:visited {text-decoration:none; color:#444444;}
#body_footer {position: relative; display: block; width: 100% - 20px; clear: both; font: normal 10px/12px Arial; padding: 10px 10px 0px 10px;}
#pageloadtime {position: relative; display: block; width: 100% - 10px; clear: both; font: normal 10px/12px Arial; padding-right: 10px; text-align: right;}
#noscript { min-width: 300px; left: 25%; top: 10%; width: 50%; margin-left: auto; margin-right: auto; position:fixed; border: 2px solid #FF0000; padding: 10px 10px 10px 10px; background: #FFFFCC; z-index:12;}

.mask {display:none;}
.mask .background {position: fixed; top: 0; left: 0; width: 120%; height: 120%; background-color: #000000; z-index: 14; zoom: 1; filter: alpha(opacity=60); opacity: 0.6;}
.mask .dialog {position: fixed; top: 50%; left: 50%;  margin-top: -50px; margin-left: -150px; width: 300px; height: 100px; background-color: #ffffff; zoom: 1; filter: alpha(opacity=100); opacity: 1; z-index: 20;  border: 2px solid #cccccc; background: #ffffff; padding: 20px; text-align: center;}

input[type="text"],input[type="password"],select, textarea {border: 1px solid #666666; color:#000000; background-color:#fefefe;}
input[type="text"],input[type="password"] {width: 150px; padding:2px;}
input[type="text"]:focus,input[type="password"]:focus,select:focus {border: 1px solid #000000;box-shadow:0 1px 2px #CCFFFF;}

.checklist {display:block; width: 300px; margin: 10px auto;}
.checklist .item {display:inline-block; width: 250px; vertical-align:top;}
.checklist .status {display:inline-block; width: 40px; text-align:center;}

.clearbox {position: relative; border: 2px solid #ffffff; background: #ffffff; width: 640px; margin:1.5em auto 20px auto; text-align:left; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px;}

.textbox {position: relative; border: 2px solid #cccccc; background: #ffffff; top: 30px; padding: 30px 30px 30px 30px; width: 90%; margin: 10px auto 30px auto; text-align:left;}
.invisiblebox {width: 90%; margin-left: auto; margin-right: auto; text-align:left;}
.titlebox {position: relative; border: 2px solid #999999; background: #ffffff; padding: 20px 10px 20px 10px; width: 90%; margin-left: auto; margin-right: auto; text-align:left; }
.boxtitle {position: absolute; top: -1em; left: 10px; color: #000000; background: #ffffff; padding:5px; font-weight: bold; font-family: Arial;}

.regbox table {width: 100%;}
.regbox td {vertical-align: top;}
.regbox .title {text-align: right; font-weight: normal; width: 120px; font-size: 12pt;}
.regbox .help {width:50%; text-align: left; vertical-align: top; color: #222222; font-size: 10pt; display: none;}
.regbox .help ul {}
.regbox .help li {margin-bottom: 3px;}

#recaptcha_area {margin: 0px auto;}

.okalert {text-align: left; width:480px; margin: 2em auto 2em auto; border: 2px solid #33CC99; background:#E6FFE6 url("../img/icn-ok.png") no-repeat 20px 20px; padding: 30px 60px 30px 60px;}
.stopalert {text-align: left; width:480px; margin: 2em auto 2em auto; border: 2px solid #FF0000; background:#FFFF99 url("../img/icn-stop.png") no-repeat 20px 20px; padding: 30px 60px 30px 60px;}
.normalalert {text-align: left; width:480px; margin: 2em auto 2em auto; border: 2px solid #0000ff; background:#eeeeff url("../img/icn-info.png") no-repeat 20px 20px; padding: 30px 60px 30px 60px;}

blockquote.quote {
	position: relative;
	background: #ffffff;
	margin: .25em 0;
	border: 1px solid #aaa;
	padding: .25em;
}
blockquote.quote cite {
	display: block;
	font-size: 1em;
	border-bottom: 1px dotted #aaa;
}
blockquote.quote cite:after {
    content: ":";
}

.buttons {margin:20px auto;}

.button {color:#333333;background-color:#ededed;border:1px solid #cccccc; display:inline-block; font-family:arial;font-size:14px;font-weight:bold; padding:4px 6px;text-decoration:none; margin:1px; text-align:center; text-decoration: none;}
.button:hover {background-color:#e9e9e9; text-decoration: none;}
.button:active {position:relative;top:1px;}
.button:visited {color:#666666;}
input.button[type="button"][disabled], button.button[disabled], button.button:disabled, input.button[disabled="disabled"] {background-color:#cccccc;}

.button.small {font-size:12px;}

.button.large {font-size:20px; min-width:100px; padding:10px 40px;}

.button.white {color:#000000; background-color:#ffffff; border:1px solid #666666;}
.button.white:hover { background-color:#f1f1f1;}

.button.red {color:#ffffff; background-color:#f24537; border:1px solid #d02718;}
.button.red:hover { background-color:#c62d1f;}

.button.green {color:#ffffff; background-color:#89c403; border:1px solid #74b807;}
.button.green:hover { background-color:#77a809;}

.button.blue {color:#ffffff; background-color:#3745f2; border:1px solid #1827d0;}
.button.blue:hover { background-color:#1f2dc2;}

.button.black {color:#ffffff; background-color:#000000; border:1px solid #222222;}
.button.black:hover { background-color:#111111;}

.button.orange {color:#ffffff; background-color:#ff9900; border:1px solid #eeb44f;}
.button.orange:hover { background-color:#ff6600;}

.Grey {background-color:#e0e0e0;}
.LightGrey {background-color:#eeeeee;}
.White {background-color:#ffffff;}
.Pink {background-color:#ffccff;}
.LightRed {background-color:#ffeeee;}
.Red {background-color:#ffcccc;}
.Orange {background-color:#ffdfbf;}
.Yellow {background-color:#ffff99;}
.Brown {background-color:#d9b3b3;}
.Green {background-color:#84FF84;}
.LightGreen {background-color:#ceff9d;}
.ForestGreen {background-color:#D0E89F;}
.LightBlue {background-color:#ccffff;}
.Blue {background-color:#b7dbff;}
.LightViolet {background-color:#ebd7ff;}
.Violet {background-color:#ce9dff;}

.desc {font: normal 12px arial; color:#555555; }
.center {text-align:center; margin:auto;}
.right {text-align:right; margin-right:0px;}
.hidden {display:none;}
.bold {font-weight: bold;}
.clear {clear: both;}

.page_selector {display: block; text-align: center; text-decoration:none;}
.page_selector .page {background-color:#f9f9f9; border:1px solid #dcdcdc; display:inline-block; color:#666666; font-family:arial; font-size:12px; font-weight:normal; padding:6px 10px; text-decoration:none; margin: 2px;}
.page_selector .page:hover {background-color:#e9e9e9;}
.page_selector a {display: block; text-decoration:none; color: #001428;}
.page_selector a:hover {color: #FF9900; font-weight: bold;}
.page_selector .current {background: #000000; color: #ffffff;}
.page_selector .current:hover {background-color:#000000;}

@media only screen and (max-device-width: 480px) {
	.mask .dialog {padding: 5px;}
}


#leftmenu {width:150px; text-align:left; background-color: #000000; padding:10px 0px 30px 0px; color: #ffffff; float:left; font: 400 14px/18px Arial; margin:0px;}
#leftmenu ul {list-style: none;  margin: 0;  padding: 0; border: none; }
#leftmenu li { border-bottom: 1px solid #000000;  margin: 0; }
#leftmenu li a {display: block;  padding: 5px 5px 5px 0.5em; border-left: 5px solid #000000; border-right: 5px solid #000000; background-color: #000000; color: #ffffff; text-decoration: none; font-size:14px; }
#leftmenu li a:hover { border-left: 5px solid #333333; border-right: 5px solid #cccccc; background-color: #555555; color: #ffffff; }
#leftmenu li a.high { border-left: 5px solid #333333; border-right: 5px solid #ffffff; background-color: #555555; color: #ffffff; }
#leftmenu .category {font-weight:bold; padding:20px 5px 5px 5px; text-transform:uppercase;}
#rightmenu {margin-left:150px; margin-top:0px; padding-top:10px;}
.adminbar {display:block; background-color:#fde248; padding:5px;}
#captcha_image {cursor:pointer;}

.holder {position:relative; display:block; width:90%; margin:auto;}
.holder .header {display:block; font: normal 12px arial; color:#555555; margin-top:10px;}
.holder .autosave {display:block; font: normal 12px arial; color:#555555; text-align:right;}
.holder .border {display:block; width:100%; border:1px solid #cccccc;}
.holder .buttons {margin-top:20px;}
#picpool {display:none; width:100%; min-height: 150px; overflow:auto; border-bottom: 1px solid #cccccc;}
#picpool.grown {display:block; height: 220px;}
#picpool .thumbnail {width: 100px; height: 100px; border: 0px;}
#picpool .thumbframe {position:relative; display:inline-block; border: 1px solid #666666; height:100px; width:100px; background-color: #dddddd; margin: 10px; padding: 5px; text-align: center; vertical-align: middle; overflow:hidden; background-position: center center; background-repeat: no-repeat;}
#picpool_help {display:none; font: normal 12px arial; color:#555555;}
#edit_text {height:300px; width:100%; margin:auto;}

.holder fieldset {}
.holder fieldset .ewrw5s {}
.holder fieldset .title {text-align:right; font-weight: bold; width: 300px; min-width: 300px; vertical-align:top; padding-top:5px; border:1px solid #eeeeee;}
.holder fieldset .input {text-align:left;}
.holder fieldset .w300 { width: 300px; min-width:300px; margin: 5px auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}
.holder fieldset textarea {display:block; width:100%; min-height:10em;}
.tagpool .tag {position:relative; padding:5px; border:1px solid #666666; margin:5px; min-width:300px;}
.tagpool .tag.cuisinetag {background-color: #ddddff;}
.tagpool .tag.servicetag {background-color: #ddffdd;}
.tagpool .tag .deletetag {position:absolute; top: 0px; right: 0px;}
.tagpool .tag .deletetag:active {top:1px;}
#watch_pic {width: 100%; height: 110px; border: 0px; overflow:hidden;}
#watchpool {display:none; width:100%; min-height: 150px; overflow:auto;}
#watchpool.grown {display:block; height: 220px;}
#watchpool .thumbnail {width: 100px; height: 100px; border: 0px;}
#watchpool .thumbframe {position:relative; display:inline-block; border: 5px solid #ffffff; height:100px; width:100px; background-color: #dddddd; margin: 5px; padding: 5px; text-align: center; vertical-align: middle; overflow:hidden; background-position: center center; background-repeat: no-repeat;}
#watchpool .thumbframe.selected { border: 5px solid #66ff00;}
#watchpool .thumbframe .deletepic {position:absolute; top: 0px; right: 0px; width:28px;}
#watchpool .thumbframe .deletepic:active {top:1px;}

.holder .grouptree {width:100%; text-overflow: ellipsis; overflow:hidden; font: normal 14px Arial; text-transform:uppercase; padding-top:10px; padding-left:10px; background-color:#ffffff;}
.holder .grouptree h2 {width:100%; text-overflow: ellipsis;}
.holder .grouptree1 {width:100%; text-overflow: ellipsis; overflow:hidden; font: normal 14px Arial; text-transform:uppercase; background-color:#666666; color:#ffffff; margin-top:0px; padding: 3px 0px;}
.holder .grouptree1 a {color:#ffffff;}
.holder .grouptree1 .topictitle {display:inline-block; font-weight:bold; padding-top:5px;}
.holder .pubgroup {width:100%; table-layout:fixed; background-color: #ffffff;}
.holder .pubgroup tr.groupheader {font: bold 14px Arial; text-transform:uppercase; border-spacing:0px; border-collapse: separate; text-align:center; background-color:#eeeeee; height:30px;}
.holder .pubgroup  tr.grouprow td {border-bottom: 1px dotted #cccccc; padding:2px;}
.holder .pubgroup  tr.dimrow {background-color:#fefefe;}
.holder .pubgroup .groupname {padding:10px; text-overflow: ellipsis; overflow:hidden; white-space:nowrap;}
.holder .pubgroup .groupname .desc {margin-left:20px;}
.holder .pubgroup .w25 {width:25px;}
.holder .pubgroup .w100 {width:100px;}
.holder .pubgroup .w200 {width:200px;}
.holder .pubgroup .date {font: normal 14px Arial;}
.padding5 {padding:5px;}
.padding10 {padding:10px;}
.lineh15 {line-height:150%;}

.warningblock {position:relative; display:block; background-color:#fff7d7; padding:30px; margin:10px 0px; font: normal 18px Arial; border: 1px solid #ffcc00;}
.notyblock {position:relative; display:block; background-color:#eeeeee; padding:30px; margin:10px 0px; font: normal 16px Arial; border: 1px solid #555555; box-shadow: 5px 5px 5px #888888;}
.notyblock .btnCloseAlert {position:absolute; top: 5px; right: 5px; width:28px;}
.notyblock .btnCloseAlert:active {top:6px;}
.posttext {display:block; padding:10px; word-wrap: break-word; overflow:hidden; background-color: #ffffff; line-height:150%;}

.publicpost {position:relative; display:block; width:100%; border-top: 10px solid #666666;}
.publicpost .postid {position:absolute; top:-12px; left:0px; font: normal 10px arial; color:#ffffff;}
.publicpost .postid a {color:#ffffff;}
.publicpost .posttext {width:99%; padding:20px 10px; word-wrap: break-word; overflow:hidden;}
.authorinfo {position:relative; display:block; width:100%; height:102px; overflow:hidden; background-color:#eeeeee;}
.authorinfo .portraitframe {position:absolute; top:0px; left:0px; width:100px; height:100px; overflow:hidden; text-align:center; vertical-align:middle; background-color:#eeeeee; border-spacing:0px; border-collapse: separate;}
.authorinfo .postinfo {margin-left:110px;}
.authorinfo .country {padding:5px; font: normal 12px arial; color:#555555; margin-left:5px;}
.authorinfo .flag {margin-right:5px;}
.authorinfo .asdf1 {padding:5px;}
.authorinfo .asdf2 {padding:5px;}
.authorinfo .asdf3 {position:absolute; bottom:0px; right:0px; padding:5px;}
.authorinfo .postuser {display:inline-block; font: bold 14px Arial; text-transform:uppercase;}
.authorinfo .postnickname {display:inline-block; font: normal 12px arial; color:#555555; margin-left:5px;}
.authorinfo .posttime {display:inline-block; font: normal 12px arial; color:#000000; margin-left:5px;}
.authorinfo .edittime {display:inline-block; font: normal 12px arial; color:#555555; margin-left:5px;}
.authorinfo .published {display:inline-block; font: normal 12px arial; color:#555555; margin-left:5px;}
.authorinfo .articles {display:inline-block; font: normal 12px arial; color:#555555; margin-left:5px;}

.wg4sd {background-color:#000000; padding:20px 20px; padding-bottom:0px; color:#ffffff; text-align:center; border:none;}
.wg4sd table {margin:auto;}
.gr4ar {padding:5px; padding-bottom:0px; font-family: Arial;}
.wg3sd {background-color:#000000; padding:10px 20px; text-align:center; height: 120px; overflow:hidden;}
.wg3sd .thumbframe {position:relative; display:inline-block; margin:10px; width:100px; height:100px; text-align:center; vertical-align:middle; overflow:hidden; background-position: center center; background-repeat: no-repeat;}
.wg3sd .thumbnail {width: 100px; height: 100px; border: 0px;}
.featuredposts .featuredpost {margin-top: 50px; border-bottom: 1px solid #cccccc;  border-right: 1px solid #cccccc;}
.featuredposts h2 {background-color:#ffffff; margin:0px; padding:20px 20px 5px 20px; word-wrap: break-word; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; overflow:hidden; text-transform:uppercase; border-top: 3px solid #cccccc;}
.featuredposts h2 a {text-decoration: none; color:#000000;}
.featuredposts h2 a:hover {color:#000000;}
.featuredposts .featureduser {display:block; background-color:#ffffff; margin:0px; padding: 5px 20px;}
.featuredposts .datetime {}
.featuredposts .posttext { border-top: 1px solid #cccccc; padding:20px; word-wrap: break-word; overflow:hidden;}
.featuredposts .locationinfo {display:block; background-color:#eeeeee; padding:20px;}
.featuredposts .er3f {padding:3px;}
.featuredposts .bgf {font-weight:bold;}
.featuredposts .post4q3w {background-color:#ffffff; padding: 5px; text-align:right; }
.articlecomment {display:block; margin-top:20px; border-bottom: 1px dotted #000000;}
.articlecomment .commentuser {font: normal 14px Arial; color:#666666; text-transform:uppercase;}
.articlecomment .commentdate {font: normal 12px Arial; color:#cccccc; margin-left:20px;}
.articlecomment .commenttext {padding:20px; word-wrap: break-word; overflow:hidden;}
.articlecomment .commentreply {}