@charset "utf-8";
/* CSS Document */

body {background: #e4e5e6 url(../images/top-bg.jpg) top center repeat-x;}
#maincontainer {vertical-align: bottom; margin:0 auto; width: 100%; text-align: left;}

#header {width: 940px; height: 178px; margin: 0 auto; background: url(../images/header.jpg) no-repeat;}
#login-box-form-container {float: right; width: 403px; height: 30px; margin: 30px 0px 0px 0px;}
#ad-container-468x60 {float: right; width: 468px; height: 65px; margin: 10px 24px 0px 0px;}
#ad-container-448x276 {width: 448px; height: 276px; margin: 0px;}
.login-box-container {width: 142px; height: 25px; background: url(../images/login-form-box.jpg) no-repeat; overflow: hidden;}
.login-style {border: none; padding: 0; margin: 6px 0px 0px 5px; background: none; font-family: Verdana; font-size: 11px; color: #c3c5c5;}

/* menu */

#mainmenu {width: 784px; height: 93px; float: left; background: url(../images/menu-bg.jpg) no-repeat; margin: 10px 0px 0px 0px;}
#mainmenu ul {float: left; width: 732px; margin: 0px 0px 0px 40px; list-style: none;}
#mainmenu ul li {float: left;}
#mainmenu ul li a {display: block; height: 50px;}
#mainmenu ul li a:hover {background: url(../images/arrow.png) center top no-repeat;}

#mainmenu-sub {width: 784px; height: 93px; float: left; background: url(../images/menu-bg2.jpg) no-repeat; margin: 25px 0px 0px 0px;}
#mainmenu-sub ul {float: left; width: 732px; margin: 0px 0px 0px 40px; list-style: none;}
#mainmenu-sub ul li {float: left;}
#mainmenu-sub ul li a {display: block; height: 50px;}
#mainmenu-sub ul li a:hover {background: url(../images/arrow.png) center top no-repeat;}

#mainmenu-link-home {width: 115px;}
#mainmenu-link-news {width: 118px;}
#mainmenu-link-articles {width: 132px;}
#mainmenu-link-blog {width: 104px;}
#mainmenu-link-directory {width: 88px;}
#mainmenu-link-ads {width: 77px;}
#mainmenu-link-contact {width: 96px;}
/* menu */

/* home page */
#home-top {float: left; background: url(../images/homepage-top.jpg); width: 940px; height: 63px;}
#home-top h1.part1 {float: left; margin: 20px 0px 0px 116px; font-size: 18px; color: #626262; font-weight: bold; font-style: italic;}
#home-top h1.part2 {float: left; margin: 20px 0px 0px 5px; font-size: 18px; color: #0c8f0c; font-weight: bold; font-style: italic;}
#home-calendar {float: right; width: 146px; height: 56px; text-align: center;}
#home-calendar span.blue {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #2d89c4; display: block; margin-top: 12px;}
#home-calendar span.grey {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #9fa0a0; display: block; margin-top: 4px;}
#home-latest-blog-pic {width: 210px; float: left; text-align: center; margin-top: 15px;}
#home-latest-blog-post {width: 692px; float: right; text-align: justify; margin-top: 15px;}
#home-left-container {width: 450px; padding: 20px 0px 0px 0px; float: left;}
#home-right-container {width: 448px; padding: 20px 0px 0px 9px; margin-left: 8px; float: left; border-left: 1px solid #dadede;}
div.home-story-container {float: left; width: 450px; height: 154px; float: left; margin-top: 15px;}
div.home-ad-place {float: left; width: 448px; height: 276px; float: left; margin-top: 48px; position: relative;}
div.home-editor-place {float: left; width: 448px; height: 106px; float: left; margin-top: 15px; position: relative;}
div.home-editor-place-dummy {height: 106px; width: 448px;}
div.thumb-container {float: left; width: 122px; height: 122px; background: url(../images/thumb-holder.gif) center center no-repeat;}
div.home-editor-place a {color: #F00; text-decoration: none; }
div.home-editor-place a:hover {text-decoration: underline;}
div.home-editor-place p {border-bottom: 1px dashed #999; padding-bottom: 10px; width: 448px; line-height: 1.5em;}
img.thumb {float: left; margin: 11px 0px 0px 11px;}
div.home-story-title {float: left; width: 318px; height: 31px; border-bottom: 8px solid #e0e0e0; margin-left: 10px;}
span.home-story {display: block; float: left; width: 318px; height: 79px; margin: 3px 0px 0px 10px; font-family: Verdana; font-size: 11px; color: #595858; text-align: justify; line-height: 1.2em;}
div.home-continue {float: left; width: 450px; height: 22px; background: #efefef; margin-top: 10px;}
span.home-story-date {display: block; float: left; width: 122px; font-family: Verdana; font-size: 12px; font-weight: bold; color: #046464; text-align:center; padding-top: 5px;}
span.home-story-cont-button {display: block; float: right; width: 130px; font-family: Verdana; background: url(../images/contimue-arrow.jpg) left center no-repeat; font-size: 12px; font-weight: bold; color: #3b3b3b; text-align:left; padding: 3px 0px 3px 25px; margin-top: 1px;}
span.home-story-cont-button a {color: #3b3b3b;}
#home-harmony-container {float: left; width: 450px; height: 266px; background: url(../images/reklamda-uyum-bg.jpg) no-repeat; margin-top: 25px;}
#home-harmony-container img.thumb-1 {float: left; margin: 54px 0px 0px 13px;}
#home-harmony-container img.thumb-2 {float: right; margin: 54px 13px 0px 0px;}
#home-harmony-container span.thumb-1-desc {float: left; display: block; width: 200px; height: 12px; margin: 7px 0px 0px 13px; font-family: Verdana; font-size: 11px; color: #000; text-align: center;}
#home-harmony-container span.thumb-2-desc {float: right; display: block; width: 200px; height: 12px; margin: 7px 13px 0px 0px; font-family: Verdana; font-size: 11px; color: #000; text-align: center;}
#home-harmony-container span.harmony-desc { float: left; display: block; width: 426px; height: 30px; font-family: Verdana; font-size: 11px; color: #000; text-align: center; margin: 10px 0px 0px 13px; line-height: 1.2em; padding-top: 1px;}
#home-harmony-container a.button {display: block; float: right; width: 100px; height: 28px; margin: 2px 0px 0px 0px;}
#home-blog-container {float: left; width: 450px; height: 172px; background: url(../images/home-blog-bg.jpg) no-repeat;}
#home-blog-container div.outer {#position: relative; width: 425px; margin-left: 16px; height: 43px; display: table; overflow: hidden;}
#home-blog-container div.middle {#position:absolute; #top:50%; display: table-cell; vertical-align: middle;}
#home-blog-container div.inner {#position: relative; #top: -50%;}
#home-blog-container h4.blog-title {font-family: Tahoma; font-size: 12px; color: #1575bf; font-weight: bold;}
#home-blog-container h4.blog-title a {color: #1575bf;}
#coin-slider {float: left; width: 448px; margin-top: 15px; text-align: center;}
#coin-slider h3 {color: #FFF; font-size: 14px; font-weight: bold; line-height: 1.2em; font-family: Verdana;}
#coin-slider h3 a {color: #FFF;}
#home-directory-container {float: left; width: 448px; height: 325px; background: url(../images/directory-bg.jpg) no-repeat; margin-top: 25px;}
#home-directory-container div.prev-button {display: block; width: 46px; height: 40px; float: left;}
#home-directory-container div.next-button {display: block; width: 46px; height: 40px; float: right;}
a.bx-next {display: block; width: 46px; height: 40px;}
a.bx-prev {display: block; width: 46px; height: 40px;}
#directory-slider-container {width: 410px; float: left; margin: 16px 0px 0px 19px; background: url(../images/directory-line.gif) center center  no-repeat; height: 45px;}
a#home-twitter-button {display: block; float: left; width: 146px; height: 34px; background: url(../images/home-twitter-button.jpg) no-repeat; margin-top: 25px;}
a#home-facebook-button {display: block; float: left; width: 146px; height: 34px; background: url(../images/home-facebook-button.jpg) no-repeat; margin: 25px 0px 0px 5px;}
a#home-myspace-button {display: block; float: left; width: 146px; height: 34px; background: url(../images/home-myspace-button.jpg) no-repeat; margin: 25px 0px 0px 5px;}
a#home-blog-rss-button {display: block; float: left; width: 146px; height: 34px; background: url(../images/home-blog-rss-button.jpg) no-repeat; margin-top: 5px;}
a#home-news-rss-button {display: block; float: left; width: 146px; height: 34px; background: url(../images/home-news-rss-button.jpg) no-repeat; margin: 5px 0px 0px 5px;}
a#home-articles-rss-button {display: block; float: left; width: 146px; height: 34px; background: url(../images/home-articles-rss-button.jpg) no-repeat; margin: 5px 0px 0px 5px;}
#home-career-container {float: left; width: 448px; height: 102px; background: url(../images/career-bg.jpg) no-repeat; margin-top: 15px; padding-top: 35px;}
#home-career-container  div.outer {#position: relative; width: 425px; margin-left: 16px; height: 42px; display: table; overflow: hidden;}
#home-career-container  div.middle {#position:absolute; #top:50%; display: table-cell; vertical-align: middle;}
#home-career-container  div.inner {#position: relative; #top: -50%;}
#home-career-container  h4.blog-title {font-family: Tahoma; font-size: 12px; color: #1575bf; font-weight: bold;}
#home-career-container  h4.blog-title a {color: #1575bf;}
#home-career-container a.button {display: block; float: right; width: 100px; height: 18px;}
#flashdiv {float: left; margin-top: 15px;}
#home-poll {float: left; width: 448px; height: 103px; background: url(../images/poll-bg.jpg) center bottom no-repeat;}
#home-poll span.desc {float: left; display: block; width: 426px; height: 30px; font-family: Verdana; font-size: 11px; color: #000; text-align: center; margin: 20px 0px 0px 13px; line-height: 1.2em; padding-top: 1px;}
#home-poll table.form-container { float: left; width: 426px; margin-top: 10px;}
/* home page */

/* sub */

div.sub-left {width: 700px;}
div.sub-right {width: 160px;}
div.sub-menu {width: 680px; padding: 10px; background: #efefef;}
div.sub-menu2 {width: 898px; padding: 10px; background: #efefef;}

/* sub */

/* common */
.big-banner {float: left; margin: 15px 0px 0px 0px;}
.content-container {width: 940px; margin: 0 auto;}
#categories {float: left; width: 940px; height: 335px; background: url(../images/cat2-bg.gif) no-repeat;}
div.cat1 {width: 408px; height: 50px; float: left; margin: 0px 0px 0px 31px;}
div.cat {width: 408px; float: left; margin: 0px 0px 0px 31px; text-align: justify;}
#favourites {width: 940px; height: 832px; float: left; background: url(../images/favourites-bg.jpg) no-repeat; margin-top: 20px;}
div.fav1 {width: 408px; height: 150px; float: left; margin: 60px 0px 0px 24px;}
div.fav2 {width: 408px; height: 150px; float: left; margin: 32px 0px 0px 31px;}
div.fav3 {width: 408px; height: 150px; float: left; margin: 90px 31px 0px 0px;}
div.fav4 {width: 408px; height: 150px; float: left; margin: 28px 31px 0px 0px;}
div.fav-common {width: 680px; height: 150px; float: left; margin: 0px 0px 0px 20px;}
img.favthumb {margin: 10px 0px 0px 0px;}
div.favdesc {float: right; width: 236px; height: 77px; margin-top: 10px; padding: 0px 5px 0px 5px;}
div.favdesc2 {float: right; width: 508px; height: 77px; margin-top: 10px; padding: 0px 5px 0px 5px;}
div.favbuttons {float: right; width: 257px; height: 41px; background: url(../images/fav-buttons-bg.png) no-repeat;}
div.favbid {font-family: Arial; font-size: 10px; color: #FFFFFF; width: 103px; text-align: center; float: left; margin: 13px 0px 0px 10px;}
div.favbid a {font-family: Courier; font-size: 16px; color: #FFFFFF;}
div.favbid a:hover {text-decoration: underline;}
div.favvisit {font-family: Arial; font-size: 14px; color: #000000; width: 103px; text-align: center; float: right; margin: 14px 9px 0px 0px;}
div.favvisit a {font-size: 14px; color: #000000;}
div.favvisit a:hover {text-decoration: underline;}
div.content-title {padding: 8px 5px 8px 5px; background: #edeeee;}

#quick-access {width: 940px; background: #dadbdb url(../images/quick-access-bg.gif) repeat-y; margin: 0px auto 10px auto; display: none;}

img.content-img {float: right;}

.page-numbers { text-align: center; display: block; width: 26px; height: 19px; padding-top: 7px; background: url(../images/page-numbers-standart.gif) no-repeat; text-decoration: none; float: left; margin-left: 4px;}
.page-numbers:hover {background: url(../images/page-numbers-hover.gif) no-repeat; text-decoration: none;}
.page-numbers:focus {background: url(../images/page-numbers-focus.gif) no-repeat; text-decoration: none;}
.page-numbers-non { text-align: center; display: block; width: 26px; height: 19px; padding-top: 7px; background: url(../images/page-numbers-non.gif) no-repeat; text-decoration: none; font-weight: bold; cursor: default; float: left; margin-left: 4px;}

div.newscontainer {width: 100%; background: #010101; margin-top: 20px;}
div.newsblock {width: 940px; height: 327px; margin: 0px auto 0px auto; background: url(../images/newsblock-bg.jpg) no-repeat;}
#news1 {width: 294px; height: 307px; float: left; margin: 17px 0px 0px 20px;}
#news2 {width: 194px; height: 280px; float: left; margin: 37px 0px 0px 119px;}
#news3 {width: 229px; height: 307px; float: right; margin: 18px 32px 0px 0px; }
ul.news {float: left; margin: 9px 0px 0px 20px; list-style: none;}
ul.news a {display: block; width: 260px; height: 28px; border-bottom: 1px solid #3b3b3b; font-family: Arial; font-size: 14px; color: #d8d9d9; background: url(../images/news-arrow.gif) 0 5px no-repeat; padding: 2px 0px 0px 12px;}
ul.news a:hover {text-decoration: underline;}

ul.news2 {float: left; margin: 9px 0px 0px 0px;}
ul.news2 a {display: block; width: 260px; height: 28px; border-bottom: 1px solid #3b3b3b; font-family: Arial; font-size: 14px; color: #d8d9d9; padding: 2px 0px 0px 0px;}
ul.news2 a:hover {text-decoration: underline;}

#footer {margin: 15px auto 0px auto; width: 940px; background: url(../images/footer-bg.jpg) center top no-repeat;}

ul.footermenu {float: left; width: 152px; margin: 24px 0px 0px 16px; list-style: none;}

ul.footermenu li a { display: block; width: 138px; height: 24px; font-family: Georgia; font-size: 12px; color: #575a5a;}

.content-outer {float:left; width: 940px;}
.content-inner {float: left; width: 918px; padding: 5px 10px 5px 10px; background: #FFFFFF; border-left: 1px solid #d1d2d3; border-right: 1px solid #d1d2d3;}

.content-outer-2 {float:left; width: 916px; background: url(../images/content-inner-bg.jpg) repeat-y; padding: 8px 12px 0px 12px;}

#addsite-button {display: block; width: 120px; height: 30px; float: left; margin: 27px 0px 0px 12px;}
#logolink {display: block; float: left; width: 282px; height: 42px; margin: 18px 0px 0px 40px;}

div.career-bulletin-index { width: 340px; height: 114px; overflow: hidden; border-bottom: 1px dotted #33CC00; margin-top: 10px; }
span.career-bulletin-description {height: 38px; display: block;}
div.career-bulletin-all {width: 700px; height: 100px; overflow: hidden; border-bottom: 1px dotted #33CC00; margin-top: 10px;}

ul.hmnews { margin: 0; padding: 0; list-style: none; }
ul.hmnews li { float: left; clear: left; }
ul.hmnews li  a { display: block; padding: 6px 0px 6px 14px; background: url(../images/hmnews-arrow.gif) 0 8px no-repeat; }

#footer-logo {display: block; width: 230px; height: 70px; float: right; margin: 20px 30px 0px 0px;}

#footer-twitter-logo {display: block; width: 200px; height: 42px; float: right; margin: 10px 50px 0px 0px;}

h1.grey2 {font-family: Arial; font-size: 18px; font-weight: bold; color:#707272; margin: 2px 0px 0px 0px; background: #FFF; padding-right: 5px; position: absolute;}
h1.green4 {font-family: Arial; font-size: 18px; font-weight: bold; color:#00cc33; margin: 2px 0px 0px 0px; background: #FFF; padding-right: 5px; position: absolute;}
h4.grey2 {font-family: Arial; font-size: 18px; font-weight: bold; color:#707272; margin: 2px 0px 0px 0px; background: #FFF; padding-right: 5px; position: absolute;}
h4.green4 {font-family: Arial; font-size: 18px; font-weight: bold; color:#00cc33; margin: 2px 0px 0px 0px; background: #FFF; padding-right: 5px; position: absolute;}
h4.green3 {font-family: Arial; font-size: 16px; font-weight: bold; color:#459423; margin: 2px 0px 0px 800px; background: url(../images/continue-button-bg.jpg) repeat-x; position: absolute;}
h4.green3 a {font-family: Arial; font-size: 16px; font-weight: bold; color:#459423; margin-top: 4px; padding: 0px 2px 0px 2px;}
h4.green3-short {font-family: Arial; font-size: 14px; font-weight: bold; color:#459423; margin: 2px 20px 0px 0px; background: url(../images/continue-button-bg.jpg) repeat-x; position: absolute; right: 0;}
h4.green3-short a {font-family: Arial; font-size: 14px; font-weight: bold; color: #7c7b7b; margin-top: 4px; padding: 0px 2px 0px 2px;}
h4.green3-short a:hover { text-decoration: none;}
div.grey2-liner {font-family: Arial; font-size: 16px; font-weight: bold; color:#707272; margin: 0; height: 15px; float: left; width: 100%; border-bottom: 1px solid #a9aaaa; position: relative;}
div.green1-liner {font-family: Arial; font-size: 16px; font-weight: bold; color:#707272; margin: 0; height: 15px; float: left; width: 100%; border-bottom: 1px solid #73bc86; position: relative;}

h1.maroon1 {font-family: Arial; font-size: 20px; font-weight: bold; color: #9c1f16;}
h1.maroon1 a {font-family: Arial; font-size: 20px; font-weight: bold; color: #9c1f16;}

h2.article-title {font-family: Tahoma; font-size: 12px; font-weight: bold; color: #9513ca; line-height: 1.1em;}
h2.article-title a {color: #9513ca;}

h2.campaign-title {font-family: Tahoma; font-size: 12px; font-weight: bold; color: #ea8f06; line-height: 1.1em;}
h2.campaign-title a {color: #ea8f06;}

a.rsslink {font-family: Georgia; font-size: 14px; font-weight: bold; color:#999999; text-decoration: none;}


h3.green1 {font-family: Arial; font-size: 18px; color: #087608; margin-bottom: 15px;}
h3.green1 a {color: #087608;}
h3.green1 a:hover {text-decoration: underline;}
h3.green2 {font-family: Arial; font-size: 18px; color: #00CC33; margin: 0;}
h3.green2 a {color: #00CC33;}
h3.green2 a:hover {text-decoration: underline;}
h3.yellow1 {font-family: Arial; font-size: 18px; color: #fadd01; margin-bottom: 15px;}
h3.yellow1 a {color: #fadd01;}
h3.yellow1 a:hover {text-decoration: underline;}
h3.yellow2 {font-family: Arial; font-size: 18px; color: #FFCC00; margin: 0;}
h3.yellow2 a {color: #FFCC00;}
h3.yellow2 a:hover {text-decoration: underline;}
h4.black1 {font-family: Arial; font-size: 14px; color: #000000;}
h4.black1 a {color: #000000;}
h4.black1 a:hover {text-decoration: underline;}
h4.yellow1 {font-family: Arial; font-size: 16px; color: #fadd01;}
h4.yellow1 a {color: #FFCC00;}
h4.yellow1 a:hover {text-decoration: underline;}
h4.grey1 {font-family: Arial; font-size: 16px; color:#999999; margin: 0;}
h4.grey1 a {color: #00CC33;}
h4.grey1 a:hover {text-decoration: underline;}
h4.orange1 {font-family: Arial; font-size: 16px; color: #FF9900;}
h4.orange1 a {color: #FF9900;}
h4.orange1 a:hover {text-decoration: underline;}
h4.green1 {font-family: Arial; font-size: 16px; color: #00CC33;}
h4.green1 a {color: #00CC33;}
h4.green1 a:hover {text-decoration: underline;}
h4.green2 {font-family: Arial; font-size: 16px; color: #087608; margin-bottom: 5px;}
h4.green2 a {color: #087608;}
h4.green2 a:hover {text-decoration: underline;}
h4.red1 {font-family: Arial; font-size: 16px; color: #FF0000;}
h4.red1 a {color: #FF0000;}
h4.red1 a:hover {text-decoration: underline;}

span.post {font-family: Verdana; font-size: 12px; color: #626363; line-height: 1.4em;}

span.grey1 {font-family: Arial; font-size: 12px; color: #7c8889;}
span.grey2 {font-family: Verdana; font-size: 14px; color: #333333; line-height: 1.3em;}
span.grey2 a {color: #20ad1f; text-decoration: underline;}
span.grey3 {font-family: Arial; font-size: 14px; color: #333333; line-height: 1.1em;}
span.grey3 a {color: #20ad1f;}
span.grey4 {font-family: Arial; font-size: 12px; color: #7c8889; line-height: 1.2em;}
span.grey4 a {color: #FF9900;}
span.grey5 {font-family: Arial; font-size: 14px; color: #9e9595; font-weight: bold;}
span.grey5 a {color: #9e9595;}

span.green1 {font-family: Arial; font-size: 14px; color: #00CC33; line-height: 1.2em;}
span.green1 a { color: #00CC33; }

span.green2 {font-family: Verdana; font-size: 10px; color: #00CC33;}
span.green2 a { color: #00CC33; text-decoration: none; }
span.green2 a:hover { text-decoration: underline; }

a.uline {text-decoration: underline;}

ul.subdirlister {float: left; list-style: none; margin: 10px 0px 0px 0px; }
ul.subdirlister li { padding: 2px 0px 1px 3px;}

div.line { width: 100%; height: 1px; border-bottom: 1px dotted #CCCCCC; padding: 0; margin: 5px 0px 10px 0px;}
div.line2 { width: 100%; height: 1px; border-bottom: 1px dotted #CCCCCC; padding: 0; margin: 10px 0px 10px 0px;}
div.career-line { width: 100%; height: 1px; border-bottom: 1px dotted #33CC00; padding: 0; margin: 5px 0px 10px 0px;}

.fleft {float: left;}
.fright {float: right;}
.bold {font-weight: bold;}
.underline {text-decoration: underline;}
.center {text-align: center;}
img.center {   display: block;   margin-left: auto;   margin-right: auto; }
.none {display: none;}
.mtop5 {margin-top: 2px;}
.mtop10 {margin-top: 10px;}
.mtop15 {margin-top: 15px;}
.mbottom10 {margin-bottom: 10px;}
.mright10 {margin-right: 10px;}
.mleft10 {margin-left: 10px;}
.mleft30 {margin-left: 30px;}
.lh1-5 {line-height: 1.5em;}
.lh1-1 {line-height: 1em;}
br.lh1-1 {line-height: 1em;}
br.lh1-15 {line-height: 1.5em;}
br.lh1-05 {line-height: .5em;}
br.lh1-35 {line-height: 3.5em;}
br.lh1-3 {line-height: 3em;}
br.lh1-2 {line-height: 2em;}
.op-03 {opacity: 0.3;}

span.clear {display: block; clear: both; width: 1px; height: 0.001%; font-size: 0px; line-height: 0px;}

.forminputstyle {
border-color:#7C7C7C #C3C3C3 #DDDDDD;
border-style:solid;
border-width:1px;
font-family: Georgia;
font-style: normal;
font-size: 14px;
color: #333333;
padding: 4px;
margin: 0;
background-color: #f0f0f0;
}

.formbuttonstyle {
border-color:#C3C3C3;
border-style:solid;
border-width:1px;
font-family: Georgia;
font-style: normal;
font-size: 14px;
color: #20ad1f;
padding: 4px;
margin: 0;
background-color: #f0f0f0;
}

.formbuttonstyle2 {
border-color:#C3C3C3;
border-style:solid;
border-width:1px;
font-family: Arial;
font-style: normal;
font-size: 14px;
font-weight: bold;
color: #20ad1f;
padding: 4px;
margin: 0;
background-color: #f0f0f0;
}

input.small, select.small {
width:25%;
}

input.medium, select.medium, textarea.medium {
width:50%;
}

input.large, select.large, textarea.textarea {
width:70%;
}

input.mega, select.mega, textarea.mega {
width:100%;
}

.searchcont {
width: 443px;
border-color:#7C7C7C #C3C3C3 #DDDDDD;
border-style:solid;
border-width:1px;
font-family: Georgia;
font-style: normal;
font-size: 14px;
margin: 4px 0 0 0;
padding: 3px;
background-color: #ffffff;
}

.searchstyle {
border: none;
padding: 0;
margin: 4px 5px 0 0;
background: none;
 color: #1b991c; font-weight: bold; width: 390px;
}

.response-msg {
	padding:6px 10px 10px 45px;
	font-size:0.9em;
	margin:0 0 10px;
}

.response-msg span {
	display:block;
	font-weight:bold;
	padding:0 0 4px;
}

.error {
	background:#f9e5e6 url('../images/icons/error.png') 10px 50% no-repeat;
	color:#b50007;
	border:#e8aaad solid 1px;
}

.notice  {
	background:#f9f9e5 url('../images/icons/notice.png') 10px 50% no-repeat;
	color:#828400;
	border:#e8e3aa solid 1px;
}

.inf {
	background:#e5ecf9 url('../images/icons/info.png') 10px 50% no-repeat;
	color:#0055b5;
	border:#aac6e8 solid 1px;
}

.success {
	background:#e9f9e5 url('../images/icons/success.png') 10px 50% no-repeat;
	color:#1c8400;
	border:#b4e8aa solid 1px;
}

.site_thumb {padding: 10px; border: 1px solid #CCCCCC;}

.comment_table {
border-bottom: 1px dashed #CCCCCC;
}

#tooltip {position:absolute; z-index:30000; padding:3px; background:#363636; color:#FFF!important; font-size:0.9em;}
#tooltip div {margin:0; background:#808080; padding:5px; font-size:1em;}
#tooltip h3 {color:#fff; font-weight:bold; padding:5px; margin:0; background:#5f5f5f; font-size: 1.1em;}

#addthis-container {float: right;}
.addthis_toolbox.addthis_pill_combo a { float: left; }
.addthis_toolbox.addthis_pill_combo a.addthis_button_tweet,
.addthis_toolbox.addthis_pill_combo a.addthis_counter { margin-top: -2px; }
.addthis_button_compact .at15t_compact { margin-right: 4px; float: left; }

.usual {
  background:#181818;
  color:#111;
  padding:15px 20px;
  width:880px;
  border:1px solid #222;
  margin:0px auto 0px auto;
}
.usual li { list-style:none; float:left; }
.usual ul a {
  display:block;
  padding:6px 10px;
  text-decoration:none!important;
  margin:1px;
  margin-left:0;
  font:10px Verdana;
  color:#FFF;
  background:#444;
}
.usual ul a:hover {
  color:#FFF;
  background:#111;
  }
.usual ul a.selected {
  margin-bottom:0;
  color:#000;
  background:snow;
  border-bottom:1px solid snow;
  cursor:default;
  }
.usual div {
  padding:10px 10px 8px 10px;
  *padding-top:3px;
  *margin-top:-15px;
  clear:left;
  background:snow;
  font:12px Arial;
}
.usual div a { color:#000; font-weight:bold; }

.qa-dot { background: url(<?php echo $cf['link']; ?>images/qa-dot.gif) center center no-repeat}

#usual2 { background:#0A0A0A; border:1px solid #1A1A1A; }
#usual2 a { background:#222; }
#usual2 a:hover { background:#000; }
#usual2 a.selected { background:snow; }
#tabs3 { background:#FF9; }

/* common */