/* Copyright Notelay.com */

/*------------------- Predefined stuff --------------------*/

.clearer { clear: both; visibility: hidden; }
p { padding: 7px 0px; line-height: 1.7em; }
img { border: none; }
ul li { list-style: none; }
q { font: 12px Georgia, serif; font-style: oblique; line-height: 1.5em; }

/*------------------- Main stuff --------------------*/

* { margin: 0px; padding: 0px; }

body {
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	line-height: 1.5em;
	background: #ABA187 url(../../images/structure/body.gif);
	color: #555;
}

a { text-decoration: none; outline: none; color: #0090B0; }
a:visited { color: #0090B0; }
a:hover{ color: #333; }

#container {
	width: 100%;
	min-width: 980px;
}

/*------------------- Left column stuff --------------------*/

#leftCol {
	width: 200px;
	vertical-align: top;
	background: #3EC0D7 url(../../images/structure/left_bar.gif) repeat-y;
}

#leftColBottom {
	width: 200px;
	height: 40px;
	font-size: 9px;
	font-family: Tahoma, sans-sefif;
	text-align: center;
	background: url(../../images/structure/left_bar_bottom.gif) bottom right no-repeat;
	color: #007091;
}

#leftBar {
	padding: 20px;
	width: 160px;
}

/*------------------- Logo & Search Bar --------------------*/

#logoBar {
	padding-top: 30px;
	width: 200px;
	height: 90px;
	vertical-align: bottom;
	background: url(../../images/structure/logo_bar.gif) bottom no-repeat;
}

#logoBar a {
	display: block;
	margin: 10px 30px;
	width: 140px;
	height: 45px;
	text-indent: -9999px;
	background: url(../../images/structure/notelay_logo.gif) top no-repeat;
}

#logoBar a:hover { background-position: 0px -45px; }

#searchBar {
	padding: 10px 20px;
	width: 158px;
	background: #1BB0CE url(../../images/structure/search_bar.gif) 19px 7px no-repeat;
}

#searchBar input {
	padding: 4px;
	width: 127px;
	font-size: 11px;
	font-family: Tahoma, sans-serif;
	border: none;
	float: left;
	background-color: #C6EAF0;
	color: #444;
}

#searchBar a {
	display: block;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	background: url(../../images/structure/search_bar_go.gif);
}

#searchBar a:hover { background-position: bottom; }

/*------------------- Middle column stuff --------------------*/

#userBar {
	float: right;
	width: 240px;
	height: 47px;
	margin-right:10px;
	background: url(../../images/structure/tongue.gif) no-repeat;
}

#middleColTop {
	vertical-align: top;
	text-align: right;
}
#mainContentT {
	background:url(/templates/images/images/middle_bar_01.gif) top right no-repeat;
	height:35px;
}
#middleCol {
	margin-right: 5px;
	vertical-align: top;
	background: url(/templates/images/images/middle_bar_02.gif) top right repeat-y;
}

#content {
	padding: 5px 30px 20px 20px;
}

#middleColBottom {
	padding: 0px 30px 0px 20px;
	vertical-align: bottom;
	background: url(../../images/structure/middle_bar.gif) bottom right no-repeat;
}

#footer {
	height: 40px;
	background: url(../../images/structure/footer_left.gif) no-repeat;
}

#footerCurve {
	float: right;
	width: 31px;
	height: 40px;
	background: url(../../images/structure/footer_right.gif) no-repeat;
}

#footer ul {
	float: left;
	margin: 12px 10px 8px 10px;
}

#footer ul li {
	padding: 0px 7px;
	float: left;
	border-left: 1px solid #76C7DE;
	color: #FFF;
}

#footer ul li a { color: #FFF; }
#footer ul li a:hover { color: #AEF; }

#first { border: none !important; }

/*------------------- Right column stuff --------------------*/

#rightContentT {
	background:url(/templates/images/images/right_bar_01.gif) top left no-repeat;
	height:35px;
	margin-bottom:8px;
}

#rightCol {
	padding: 0px;
	width: 240px;
	vertical-align: top;
	background: url(/templates/images/images/right_bar_02.gif) top left repeat-y;
}

#rightColBottom {
	width: 240px;
	background: url(../../images/structure/right_bar.gif) bottom left no-repeat;
}

.rightBar {
	padding: 5px 20px;
	width: 200px;
}

.rightBarTitle {
	margin: 5px 0px 0px 1px;
	padding: 3px 20px;
	font-size: 12px;
	font-family: Tahoma, sans-serif;
	letter-spacing: .5px;
	background: #F5EBDF url(../../images/structure/title_right.gif) repeat-x;
	color: #00B8CC;
}

.rightBarTitle a {
	color: #00B8CC;
}

.rightBarTitle a:hover {
	color: #0090B0;
}

/*------------------- Categories navigation --------------------*/

ul#catNav {
	width: 198px;
}

ul#catNav li {
	width: 198px;
	font-size: 12px;
	font-family: Tahoma, sans-serif;
	font-weight: bold;
}

ul#catNav li a {
	padding: 3px 10px 3px 20px;
	width: 168px;
	display: block;
	border-bottom: 1px solid #1BB0CE;
	background: url(../../images/structure/cat_nav_closed.gif) 8px 7px no-repeat;
	color: #FFF;
}

ul#catNav li a:hover {
	display: block;
	border-bottom: 1px solid #48B5CC;
	background: #1BB0CE url(../../images/structure/cat_nav_opened.gif) 8px 7px no-repeat;
	color: #FFF;
}

#catNavFirst {
	border-top: 1px solid #1BB0CE;
}

#yourChoice  {
	/*color: #FF6 !important;*/
	text-transform: uppercase;
}

/*------------------- Subcategories navigation --------------------*/

ul#catSubnav li {
	width: 198px;
	font-size: 11px;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
}

ul#catSubnav li a {
	padding: 1px 10px 1px 25px;
	width: 163px;
	display: block;
	border-bottom: 1px solid #1BB0CE;
	background: none;
	color: #FFF;
}

ul#catSubnav li a:hover {
	background-color: #1BB0CE;
	background-image: none;
}

/*------------------- Pages navigation --------------------*/

#pageNav {
	margin: 20px 0px;
	display: block;
	text-align: center;
}

#pageNav a {
	padding: 3px 7px;
	font-weight: bold;
	border: 1px solid #DEF;
}

#pageNav a:hover {
	border: 1px solid #9CC;
}

.activePage {
	padding: 3px 7px;
	border: 1px solid #9CC;
	font-weight:bold;
	background-color: #38C4D3;
	color: #FFF;
}

#pageNav .empty {
	padding: 3px 7px;
	border: 1px solid #EEE;
	color: #888;
}

#dotsPage {
	border: none !important;
}

/*------------------- Content topics --------------------*/

.topicLeft {
	float: left;
	margin: 10px 0px 5px 0px;
	width: 48.5%;
}

.topicRight {
	float: right;
	margin: 10px 0px 5px 0px;
	width: 48.5%;
}

.date {
	color: #D6A683;
	font-size: 9px;
	font-family: Arial;
}

.topicLeft h3, .topicRight h3 {
	margin: 5px 0px;
	font-size: 19px;
	font-family: "Monotype Corsiva", "Trebuchet MS", sans-serif;
	font-weight: normal;
	color: #00B8CC;
}

.topicLeft p, .topicRight p {
	padding: 0px;
	line-height: 1.7em;
}

.topicLeft img, .topicRight img{
	float: left;
	margin-right: 10px;
}

.topicLeft a img, .topicRight a img{
	padding: 4px;
	border: 1px solid #DDD;
}

.topicLeft a:hover img, .topicRight a:hover img {
	padding: 4px;
	border: 1px solid #3EC0D7;
}

/*------------------- Comments appereance --------------------*/

.comment {
	margin-bottom: 4px;
	padding: 4px;
	border: 1px solid #EEE;
}

.comment h5 {
	padding: 2px 10px;
	font-size: 12px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	background-color: #1BB0CE;
	color: #FFF;
}

.comment span {
	padding: 10px 10px;
	display: block;
	margin: 4px 0px;
	background: url(../../images/structure/comment_text.jpg) top right no-repeat;
}

#comments {
	padding: 10px 20px 0px 0px;
	border: 1px solid #EEE;
	background-color: #FFF;
}

#comments h5 {
	height: 21px;
	background: url(../../images/structure/comment_name.gif) top right no-repeat;
}

/*------------------- Subtitles appereance --------------------*/

h1.titleArticle {
	margin: 0px 0px 5px 0px;
	font-size: 26px;
	font-family: "Monotype Corsiva", "Trebuchet MS", sans-serif;
	font-weight: normal;
	color: #00B8CC;
}

.subBorder {
	font-size: 13px;
	font-family: Arial, sans-serif;
	border-bottom: 1px solid #F5EBDF;
}

.coolTitle {
	margin: 15px 0px 5px 0px;
	font-size: 19px;
	font-family: "Monotype Corsiva", "Trebuchet MS", sans-serif;
	font-weight: normal;
	color: #00B8CC;
}

/*------------------- Detailed appereance --------------------*/

.imgPaddBorderLeft { 
     float: left; 
     margin: 5px 10px 5px 0px; 
     padding: 4px; 
     border: 1px solid #DDD; 
} 
 
.imgPaddBorderRight{ 
     float: right; 
     margin: 5px 0px 5px 10px; 
     padding: 4px; 
     border: 1px solid #DDD; 
}

.contentAdds {
	margin: 20px 0px;
}

/*------------------- Forms styling --------------------*/

.textFormSmall, .textForm, .textFormLong {
	padding: 3px;
	width: 200px;
	font-size: 11px;
	font-family: Tahoma, sans-serif;
	border: 1px inset #CCC;
	background-color: #FAFAFA;
}

.textFormSmall { width: 80px; }
.textForm { width: 160px; }
.textFormLong { width: 250px; }

.button {
	padding: 3px 5px;
	font-size: 9px;
	font-family: Tahoma, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: 2px outset #ADE;
	background-color: #EEE;
	color: #005575;
}

.surveyAnswer {
	margin: 0px 0px 4px 0px;
	display: block;
}

.surveyAnswer span {
	padding-bottom: 2px;
}