/*----------------------
	GLOBALS	
----------------------*/
* {
	margin: 0px;
	padding: 0px;
	font-family: arial, helvetica, sans-serif;
}

.border .RatingContainer {
	margin: auto;
	height:16px;
}

p {
	margin-bottom: 1.5em;
}

.clear {
	clear: both;
}

a span {
	cursor: pointer;
}

html,body {
	background: #536B77;
}

/*----------------------

	HEADER	

----------------------*/
#header {
	float:left;
	width: 856px;
	height: 150px;
	background: url(../images/sheetbga.png) no-repeat;
	font-size: 13px;
	font-weight: bold;
	color: #a0a0a0;
}

#clickable {
	float:left;
	width: 550px;
	height: 130px;
	cursor: pointer;
}

#login {
	float:right;
	height: 105px;
	line-height: 15px;
	margin-top: 20px;
	padding: 10px 0 0 15px;
	border-left: 1px solid;
}

.colorscheme_b #header {
	background: url(../images/sheetbga_kek.jpg) no-repeat;
}

.colorscheme_c #header {
	background: url(../images/sheetbga_narancs.jpg) no-repeat;
}

.colorscheme_d #header {
	background: url(../images/sheetbga_barna.jpg) no-repeat;
}

.colorscheme_a #login {
	border-color: #8cc542
}

.colorscheme_b #login {
	border-color: #58a8db
}

.colorscheme_c #login {
	border-color: #f5953f
}

.colorscheme_d #login {
	border-color: #78501f
}

.colorscheme_a a {
	color: #8cc542
}

.colorscheme_b a {
	color: #58a8db
}

.colorscheme_c a {
	color: #f5953f
}

.colorscheme_d a {
	color: #78501f
}

#loginform {
	margin-bottom: 20px;
}

#loginform input {
	height: 15px;
	width: 110px;
	margin: 2px;
	background: #fff;
	font-size: 13px;
	font-weight: bold;
	color: #a0a0a0;
	border: 1px solid;
	border-top: 2px solid;
}

.colorscheme_a #loginform input {
	border-color: #8cc542
}

.colorscheme_b #loginform input {
	border-color: #58a8db
}

.colorscheme_c #loginform input {
	border-color: #f5953f
}

.colorscheme_d #loginform input {
	border-color: #78501f
}

#loginform input#sbmt {
	height: 20px;
	border: 0px;
	cursor: pointer;
}

.submit {
	height: 20px;
	border: 0px;
	cursor: pointer;
	background: #fff;
	font-size: 13px;
	font-weight: bold;
	color: #a0a0a0;
	
}

.input {
	height: 15px;
	width: 110px;
	margin: 2px;
	background: #fff;
	font-size: 13px;
	font-weight: bold;
	color: #a0a0a0;
	border: 1px solid;
	border-top: 2px solid;
}

.textarea {
	width: 110px;
	margin: 2px;
	background: #fff;
	font-size: 13px;
	color: #a0a0a0;
	border: 1px solid;
	border-top: 2px solid;
}

#loginform span {
	top: -3px;
	padding-left: 8px;
}

#login a.link {
	margin-left: 8px;
	margin-right: 8px;
	padding-left: 4px;
	padding-right: 4px;
	text-decoration: none;
	color: #a0a0a0;
}

/*--------------------------

	NAVIGATION	

--------------------------*/
#hnavbar {
	width: 808px;
	margin:auto;
	height: 225px;
	border: 1px solid;
	border-top: 4px solid;
}

.bordered_top {
	border: 1px solid;
	border-top: 4px solid;
}

#hnavbar_new {
	width: 808px;
	margin:auto;
	border: 0px solid;
	border-top: 4px solid;
}

.colorscheme_a #hnavbar, .colorscheme_a #hnavbar_new , .colorscheme_a .bordered_top {
	border-color: #8cc542
}

.colorscheme_b #hnavbar, .colorscheme_b #hnavbar_new , .colorscheme_b .bordered_top {
	border-color: #58a8db
}

.colorscheme_c #hnavbar, .colorscheme_c #hnavbar_new , .colorscheme_c .bordered_top {
	border-color: #f5953f
}

.colorscheme_d #hnavbar, .colorscheme_d #hnavbar_new , .colorscheme_d .bordered_top {
	border-color: #78501f
}

#menu {
	width: 808px;
	height: 37px;
	overflow: hidden;

}

#menu a {
	display: block;
	float: left;
	height: 37px;
	background: url(../images/menubg.png) no-repeat;
}

#menu #m1 {
	background-position: 0px 0px;
	width: 110px;
}

#menu #m1:hover, #menu #m1.selected {
	background-position: 0px -37px
}

#menu #m2 {
	background-position: -110px 0px;
	width: 134px;
}

#menu #m2:hover , #menu #m2.selected  {
	background-position: -110px -37px
}

#menu #m3 {
	background-position: -244px 0px;
	width: 114px;
}

#menu #m3:hover,#menu #m3.selected{
	background-position: -244px -37px
}

#menu #m4  {
	background-position: -358px 0px;
	width: 169px;
}

#menu #m4:hover, #menu #m4.selected {
	background-position: -358px -37px
}

#menu #m5 {
	background-position: -525px 0px;
	width: 131px;
}

#menu #m5:hover, #menu #m5.selected {
	background-position: -525px -37px
}

#menu #m6 {
	background-position: -656px 0px;
	width:112px;	
}

#menu #m6:hover, #menu #m6.selected  {
	background-position: -656px -37px
}

/*--------------------------

	LAYOUT	

--------------------------*/
#hnavbar img {
	float: left;
}

#pagetitle {
	float: left;
	width: 276px;
	padding: 10px 0 0px 20px;
	font-size: 20px;
	font-style: italic;
}

.colorscheme_a #pagetitle {
	color: #8cc542
}

.colorscheme_b #pagetitle {
	color: #58a8db
}

.colorscheme_c #pagetitle {
	color: #f5953f
}

.colorscheme_d #pagetitle {
	color: #78501f
}

#pagetitle cite {
	display: block;
	margin-top: 30px;
	font-size: 16px;
}

/*--------------------------

	FOOTER	

--------------------------*/
#footer {
	float:left;
	width: 856px;
	height: 150px;
	margin: 0 auto 0 auto;
	background: url(../images/sheetbga.png) bottom no-repeat;
}

#fnavbar {
	width: 809px;
	margin:auto;
	height: 123px;
	border: 1px solid;
	border-top: 4px solid;
}

.colorscheme_a #fnavbar {
	border-color: #8cc542
}

.colorscheme_b #fnavbar {
	border-color: #58a8db
}

.colorscheme_c #fnavbar {
	border-color: #f5953f
}

.colorscheme_d #fnavbar {
	border-color: #78501f
}

#fnavbar a {
	display: block;
	float: left;
	width: 202px;
	height: 60px;
	line-height: 60px;
	margin-bottom: -59px;
	text-decoration: none;
	font-size: 14px;
	text-align: center;
	color: #a0a0a0;
}

#fnavbar #f4 {
	height: 120px;
}

#fnavbar a span {
	display: block;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: url(../images/footbg.png) no-repeat;
}

#fnavbar #f1 span {
	background-position: 0 0
}

#fnavbar #f2 span {
	background-position: -202px 0
}

#fnavbar #f3 span {
	background-position: -404px 0
}

#fnavbar #f4 span {
	background-position: -606px 0
}

#fnavbar #f5 span {
	background-position: -0px -60px
}

#fnavbar #f6 span {
	background-position: -202px -60px
}

#fnavbar #f7 span {
	background-position: -404px -60px
}

#colophon {
	width: 856px;
	height: 30px;
	margin: 0 auto 0 auto;
	text-align: center;
	font-size: 9px;
	font-weight: bold;
	color: #fff;
}

#colophon a {
	margin: 0 5px 0 5px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}

/*--------------------------

	RIGHT TABS	

--------------------------*/
#righttabs {
	float:right;
	position:relative;
	left:-5px;
	width: 2px;
	/*height: 570px;*/
	height: 710px;
	padding-top: 50px;
	z-index:500;
	background-color: #536b77;
}

#righttabs span {
	display: block;
	width: 2px;
	background-color: #536b77;
}

#righttabs .righttab {
	display: block;
	left: -2px;
	width: 38px;
	height: 139px;
	margin-bottom: 4px;
}

#righttabs .active {
	width: 68px;
}

#righttabs .righttab span {
	top: -2px;
	left: 2px;
	width: 100%;
	height: 143px;
	background-image: url(../images/tabbg.png);
}

#tab1 {
	background-color: #5f7659
}

#tab1 span {
	background-position: right -2px
}

#tab2 {
	background-color: #456a83
}

#tab2 span {
	background-position: right -149px
}

#tab3 {
	background-color: #d08139
}

#tab3 span {
	background-position: right -296px
}

#tab4 {
	background-color: #654115
}

#tab4 span {
	background-position: right -443px
}

#tab5 {
	background-color: #686c75;	
}

#tab5 span {
	background-position: right -590px
}

/*--------------------------

	CONTENT	

--------------------------*/
#bannerheader {
	width: 845px;
	height: 150px;
	padding-top:10px;
	padding-bottom: 10px;
	padding-left:15px;
	margin: 0 auto 0 auto;
	background-image: url(../images/banner_bg.gif) ;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 100;	
}

#bannerheader img {
	border: 0px;
}

#bannerheader p {
	margin:0px;
	padding: 0px;	
}

#outer_contentwrapper {
	margin: 0 auto 0 auto;
	width: 858px;
}

#contentwrapper {
	float:left;
	width: 856px;
	background: url(../images/sheetbgb.png) repeat-y;
	z-index: 100;
}

#content {
	color: #666;
	padding: 10px 23px 10px 23px;
	float:left;
}

#content h5 a {
	color: #bcc542;
	font-size: 16px;
}

.innertabs {
	width: 181px;
	float: left;
	background-repeat: no-repeat;
	padding-top: 70px;
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
	text-align:left;
}

#itab1.innertabs  {
	background-image: url('../images/innertabbg1.jpg');	
}

#itab1.innertabs a {
	/*color: #9ec35c;*/
	color: #666666;
	text-decoration: none;
}

#itab2.innertabs  {
	background-image: url('../images/innertabbg2.jpg');
}

#itab2.innertabs a {
	/*color: #58a8db;*/
	color: #666666;
	text-decoration: none;
}

#itab3.innertabs  {
	/*color: #f5953f;*/
	color: #666666;
	background-image: url('../images/innertabbg3.jpg');
}

#itab3.innertabs a {
	/*color: #f5953f;*/
	color: #666666;
	text-decoration: none;
}

#itab4.innertabs  {
	background-image: url('../images/innertabbg4.jpg');
}

#itab4.innertabs a {
	/*color: #78501f;*/
	color: #666666;
	text-decoration: none;	
}

#itab4.innertabs a p {
	padding: 0px;
	margin: 0px;
}

.leftpanes {
	float: left;
	background: #fff;
	border: 1px dashed #acb888;
	padding: 20px;
	margin-bottom: 10px;
	line-height: 26px;
}

.leftpanes li {
	list-style: none;
}

.leftpanes li.left_header {
	margin-left: -8px;
	margin-right: -8px;
	height: 35px;
	vertical-align:middle;
	text-align: center;
	font-size: 20px;
	font-family: Trebuchet MS, Tahoma;
	color: #fff;
}

.bottom_border {
	border-bottom: 1px dashed #acb888;	
}

.border {
	border: 1px dashed #acb888;
}

.colorscheme_a .leftpanes li.left_header {
	background-color: #708B68
}

.colorscheme_b .leftpanes li.left_header {
	background-color: #58a8db
}

.colorscheme_c .leftpanes li.left_header {
	background-color: #f5953f
}

.colorscheme_d .leftpanes li.left_header {
	background-color: #78501f
}

.colorscheme_a .leftpanes, .colorscheme_a .bottom_border, .colorscheme_a .border {
	border-color: #8cc542
}

.colorscheme_b .leftpanes, .colorscheme_b .bottom_border, .colorscheme_b .border {
	border-color: #58a8db
}

.colorscheme_c .leftpanes, .colorscheme_c .bottom_border, .colorscheme_c .border  {
	border-color: #f5953f
}

.colorscheme_d .leftpanes, .colorscheme_d .bottom_border, .colorscheme_d .border  {
	border-color: #78501f
}

.leftpanes a {
	text-decoration: none;
}

.rightpanes {
	float: right;
	line-height: 26px;
	padding: 20px 30px 30px 30px;
}

.rightpanes_content {
	float: left;
	width: 535px;
	line-height: 26px;
	padding: 20px 5px 10px 5px;
}

.rightpanes strong {
	display: block;
	margin-bottom: 10px;
}

#leftpane_a {
	width: 170px;
}

#rightpane_a {
	width: 530px;
}

#leftpane_b {
	width: 300px;
}

#rightpane_b {
	width: 380px;
}

#arw_left {
	float:left;
	padding-top:50px;
	width: 34px;
	height: 27px;
	background: url(../images/arrow_lt.png) no-repeat left;
	cursor: pointer;
}

#arw_rght {
	float:right;
	padding-top:50px;
	width: 34px;
	height: 27px;
	background: url(../images/arrow_lt.png) no-repeat right;
	cursor: pointer;
}

#timeline {
	width: 455px;
	height: 250px;
	background: #eee;
}

.leftpanes input[text] {
	width: 220px;
	padding: 3px 0 3px 3px;
	border: 1px solid #acb888;
}

.leftpanes br {
	margin-bottom: 5px;
}

.leftpanes textarea {
	width: 100%;
	height: 100px;
}

.leftpanes .required {
	background: #ffff9f;
}

.leftpanes #sgnup {
	width: 110px;
	top: 10px;
	background: #65685f;
	cursor: pointer;
	font-size: 14px;
	color: #fff;
}

input.myform {
	width: 220px;
	padding: 3px 0 3px 3px;
	border: 1px solid #acb888;
	margin: 2px 0px 2px 0px;
}

#mysgnup {
	width: 110px;
	top: 10px;
	background: #65685f;
	cursor: pointer;
	font-size: 14px;
	color: #fff;
}

li.error {
	list-style: none;
	color: #f00;
}

table.upper_pager {
	margin-bottom: 0;
}

.upper_pager,.upper_pager tr,.upper_pager tr td {
	line-height: 14px !important;
}

.upper_pager tr td strong {
	display: inline;
}