
body {
	padding: 0;
	color:#3b3b3b;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	font-size: 13px;
	background-image: url(../img/layout/bg.jpg);
	background-color: #afbc2b;
	background-repeat: no-repeat;
	background-position: center top;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 25px;
    
}

a {
	outline: none;
}


h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

h6 {
	clear:left;
	padding-top: 8px;
	padding-bottom:8px;
	font-size: 14px;
	background-color: #1d1d1d;
	padding-left: 15px;
	margin-top: 0px;
	margin-right: -20px;
	margin-bottom: 10px;
	margin-left: -16px;
	color: #CCC;
	font-weight: normal;
	text-transform: uppercase;
}


p {
	margin: 0px;
	padding: 0px;
        line-height:22px;
}
.mainmenu {
	font-family: Zapth, Arial;
	float: left;
	width: 957px;
	padding-left: 31px;
	height: 39px;
}
.mainmenu_table {

	margin-left: 82px;
	
}
.container {
	margin: auto;
	clear: both;
	width: 1020px;
	background-image: url(../img/layout/container_top_bg.jpg);
	height: 307px;
	background-repeat: no-repeat;
	background-position: center center;
}
.bottom {
	background-image: url(../img/layout/page_bottom_bg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 1020px;
	float: left;
	padding-bottom: 100px;
}
.top_left_area {
	float: left;
	width: 594px;
	height: 241px;
	margin-top: 66px;
}
.content {
	float: left;
	width:932px;
	padding-left: 88px;
	padding-bottom: 35px;
	padding-top: 0px;
}
.top_logo_area {
	float: right;
	height: 100px;
	width: 358px;
}
.right_pic_area {
	width: 379px;
	height: 38px;
	float: right;
	margin-top: -136px;
	margin-right: 48px;
}
.content h1 {
	font-size: 16px;
	color: #8a9814;
	font-weight: normal;
	margin-bottom: 10px;
}


.hidden {
	display: none;
}

.mainmenu h1 {
	font-size: 16px;
	text-decoration: none;
	font-weight: normal;
	display: block;
	height: 39px;
	float: left;
}
.mainmenu a:link {
	text-decoration: none;
	color: #504346;
	height: 29px;
	padding-top: 10px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #eaeaea;
	border-right-color: #eaeaea;
	border-bottom-color: #eaeaea;
	border-left-color: #eaeaea;
	vertical-align: top;
	float: left;
}
.mainmenu a:visited {
	text-decoration: none;
	color: #504346;
	height: 29px;
	padding-top: 10px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #eaeaea;
	border-right-color: #eaeaea;
	border-bottom-color: #eaeaea;
	border-left-color: #eaeaea;
	vertical-align: top;
	float: left;
}
.mainmenu a:hover {
	text-decoration: none;
	color: #4A373D;
	height: 29px;
	padding-top: 10px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #eaeaea;
	border-right-color: #eaeaea;
	border-bottom-color: #eaeaea;
	border-left-color: #eaeaea;
	vertical-align: top;
	float: left;
	background-image: url(../img/layout/mainmenu_bg_over.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

.mainmenu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.mainmenu ul li { display:inline; }
.mainmenu ul ul { display: none; }



.content_area {
	float: left;
	width: 918px;
	padding-right: 42px;
	padding-left: 42px;
	background-image: url(../img/layout/content_bg.png);
	background-repeat: no-repeat;
	background-position: top;
}
.left_area {
	display:none;
}
.right_area {
	width: 220px;
	float: right;
	background-image: url(../img/layout/right_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	
	margin-top: 230px;
        margin-right:50px;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 00px;
}

.right_area p {
	font-size: 14px;
	
}


.right_area h2 {
	padding-left:0px;
	padding-bottom:3px;
	padding-top:3px;
	font-size: 16px;
	font-weight: normal;
	color: #551117;
}
.right_area h2 a:link {
	color: #551117;
	text-decoration: none;
}
.right_area h2 a:visited {
	color: #551117;
	text-decoration: none;
}
.right_area h2 a:hover {
	color: #000;
	text-decoration: none;
}
.right_area h3 {
	padding-left:0px;
	padding-bottom:3px;
	padding-top:3px;
	color: #333;
	font-size: 14px;
	
}
.right_area h4 {
	color: #333;
	font-size: 15px;
	padding-left:0px;
	margin-left:22px;
	padding-bottom:5px;
	padding-top:5px;
	background-image: url(../img/layout/downmenu_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.right_area li { list-style-type: none; clear:left; margin:0px; padding:0px; }
.right_area ul { list-style-type: none; margin:0px; padding:0px; }

.center_area_rightside {
	width: 170px;
	background-color: #1d1d1d;
	clear: right;
	float: right;
        padding:15px;
}
.center_area {
	width: 504px;
	float: left;
	margin-bottom: 10px;
	margin-top: 30px;
}
.center_area h2 {
	font-size: 22px;
	font-weight: normal;
}

.center_area p{
	font-size: 14px;
	line-height: 22px;
	padding-top: 15px;
}
.center_area_918 {
	width: 504px;
	float: left;
	margin-bottom: 10px;
	margin-top: 30px;
}
.center_area_918 h2 {
	font-size: 22px;
	font-weight: normal;
}

.center_area_918 p{
	font-size: 14px;
	line-height: 22px;
	padding-top: 15px;
}
.center_area_660 {
width: 504px;
	margin-top: 30px;
	float: left;
	
}
.center_area_660 h2 {
	font-size: 22px;
	font-weight: normal;
}

.center_area_660 p{
	font-size: 14px;
	line-height: 22px;
	padding-top: 15px;
}
.center_area_660 p img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}


.mainmenu li {
	list-style-type: none;
	margin:0px;
	padding:0px;
	float: left;
}
.content_area_bottom {
	background-image: url(../img/layout/content_bg_bottom.png);
	height: 15px;
	width: 1002px;
	float: left;
        margin-bottom:40px;
        text-align:right;
        padding-top:15px;
       
}
.content_area_bottom a:link{
	font-size:9px;
        color:darkgray;
        padding-right:20px;
        
       
}
.content_area_bottom a:visited{
	font-size:9px;
        color:darkgray;
        padding-right:20px;
        
       
}
.content_area_bottom a:hover{
	font-size:13px;
        color:gray;
        padding-right:20px;
        
       
}
.redhighlight { color: red; }
.greenhighlight { color: green; }

.admin_bar { 
       
        height:30px;
	background-color: #DADADA; 
}

.admin_bar a { 
	color:black; 
}

.admin_bar ul{ 
	padding: 2px 20px; 
}

.admin_bar ul li { 
	margin: 0 10px 0 0; 
}

.left_module {
	float:left;	
}
.team_box {
	float:left;
        width:400px;	
}

.team_box_pics {
	float:left;
        padding-right:20px;	
}

.lists_view {
	background:darkgrey;
	color:black;	
	padding-left:30px;	
}

.list_items_list_item {
	padding-left:50px;	
}

.list_items_list_item a {
	color:black;
}

.list_items_list_item a:hover {
	color:lightgrey;
}

.list_items_list_item:hover {
	padding-left:50px;
	background:grey;
	color:black;	
}


.delete_options {
	display:none;
        color:red;
}
.artikkelit{
        color:white;  
        float:left;  
        width:800px;    
        padding-bottom:10px;
}

.artikkelit img{  
        width:250px;    
        float:left;
        padding:2px;
	border-color:gray;
	border-top-style: solid ;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
        border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
 
}
.artikkelit h1{
        padding-top:5px; 
        padding-left:10px;
        float:left;
        color:white;
        font-size:18px;         
}
.kokemukset_text{
       padding:20px;        
}
.kokemukset_text h2{
       padding-top:10px; 
       padding-bottom:10px; 
       color:white;
       font-size:20px;      
             
}
.kokemukset_text img{
        margin-left:100px;
        width:350px;
        padding:2px;
	border-color:gray;
	border-top-style: solid ;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
        border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;   
             
}
.edit_buttons{

        padding:6px;
        background:gray;
	border-color:darkgray;
	border-top-style: solid ;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
        border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;    
     
}
a:link {
	color:#772923;
	text-decoration: none;
	}
a:visited {
	color:#772923;
	text-decoration: none;
}
a:hover {
	color: #320c09;
	text-decoration: none;
}
.footer {
	background-image: url(../img/layout/footer_bg.png);
	width: 100%;
	position: fixed;
	top: 0px;
	height: 30px;
	margin: auto;
        font-size:13px;
        
}
.footer p {
	width: 918px;
	margin: auto;
	clear: both;
	padding-right: 42px;
	padding-left: 42px;
	padding-bottom: 0px;
	padding-top: 0px;
        line-height:1px;
}
.footer a {
	margin: 0px;
	padding: 0px;
}

.footer img {
	float:right;
	
	
}
.inputs {
	padding: 5px;
}
.buttons {
	background-image: url(../img/layout/button_bg.png);	
        background-color: #c2c2c2;
	color: white;
	font-size: 14px;
        padding: 5px;
	border:0px;
        border-color:darkgray;
	border-top-style: solid ;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
        border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;   
}

.layout_wrapper {
	width: 770px;
	float:left;
}

.layout_header {
	float:left;
	width: 95%;
	height: 150px;
	margin: 5px;
	border: 3px solid #A7EFFF;
}
.layout_left {
	float:left;
	width: 18%;
	height: 300px;
	margin: 5px;
	border: 3px solid #A7EFFF;
}
.layout_center_400 {
	float:left;
	width: 400px;
	height: 300px;
	margin: 5px;
	border: 3px solid #A7EFFF;
}
.layout_center_580 {
	float:left;
	width: 580px;
	height: 300px;
	margin: 5px;
	border: 3px solid #A7EFFF;
}
.layout_right {
	float:left;
	width: 18%;
	height: 300px;
	margin: 5px;
	border: 3px solid #A7EFFF;
}
.layout_footer {
	float:left;
	width: 95%;
	height: 100px;
	margin: 5px;
	border: 3px solid #A7EFFF;
}
.imgcheckbox {
	cursor: pointer;
	border: 3px solid #fff;
}
.imgcheckbox_checked {
	border: 3px solid #48B1C8;
}
.tr_nolight{
	background-position: center top;
	background-repeat: repeat-x;
	background-color: #ececec;
   /* background-image: url(/img/layout/table_tr_bg.png); */
}
.tr_highlight{
	background-position: center top;
	background-repeat: repeat-x;
	background-color: #ddd;
    /* background-image: url(/img/layout/table_tr_highlight.png); */
}
.tr_highlight_double {
	background-color: #8962A5;
	color: white;
}
.tr_highlight_double a {
	color: white;
}
.paging_highligh_box {
    color:white;
	padding: 3px 6px;
	background-color: #F0873C;
	/*background-image: url(/img/layout/greenbox_bg.png);
        background-repeat: no-repeat;
	background-position: center center;*/
}
.pagination {
	margin: 5px auto;
}
.pagination a{
	padding: 3px 6px;
}
.contest_admin_box {
	border: 1px solid #c2c2c2;
	margin: 5px 10px;
	padding: 10px;
}

.contest_admin_box:hover {
	border: 1px solid #CA15D4;
	background-color: #FEF3FF;
}

.adminbtn {
	padding: 5px 20px;
	margin: 10px 0;
	font-weight: bold;
	font-size: 14px;
	-moz-box-shadow: 1px 2px 3px #999;
	-webkit-box-shadow: 1px 2px 3px #999;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.adminbtn_small {
	padding: 0px 3px;
}
a.adminbtn_small {
	color: #333;
}
.adminbtn_small_green {
	color: #2C8343;
	border: 1px solid #7EE1B4;
	background-color: white;
	font-weight: bold;
}

.adminbtn_small_red {
	color: #942525;
	border: 1px solid #FF8DAD;
	background-color: white;
	font-weight: bold;
}

.largerbtn {
	padding: 5px 20px;
}

a.adminbtn { 
	color: #333; 
	font-weight: bold;
	font-size: 14px;
}
.adminbtn_blue {
	border: 2px solid #8EE1EC;
	color: #333;
	background-color: #fff;
	-moz-box-shadow: 1px 2px 3px #7ABED8;
	-webkit-box-shadow: 1px 2px 3px #7ABED8;
}
.adminbtn_green {
	border: 1px solid #60AE36;
	background-color: #7EE1B4;
	color: #333;
	-moz-box-shadow: 1px 2px 3px #7AD8B2;
	-webkit-box-shadow: 1px 2px 3px #7AD8B2;
}

.adminbtn_red {
	border: 1px solid #CD2554;
	background-color: #FF8DAD;
	-moz-box-shadow: 1px 2px 3px #CD2554;
	-webkit-box-shadow: 1px 2px 3px #CD2554;
}

.contest_admin_box label {
	font-size: 14px;
	display:block;
	font-weight: bold;
	margin: 15px 0 0;
	background-color: #DBFFD4;
	padding: 10px;
}
.contest_admin_box label.header {
	font-size: 16px;
	background-color: #B2E5A9;
}
.contest_admin_box label.inline {
	font-size: 16px;
	display:inline;
	background-color: white;
	padding: 3px;
	margin: 5px 0 0;
}
.contest_admin_box input, .contest_admin_box textarea {
	padding: 5px;
	font-size: 13px;
}
.contest_item {
	float:left;
	margin: 10px 0 40px;
}
.contest_item img {
	float:right;
}
.contest_item div {
	float:left;
	width: 400px;
	height: 150px;
	overflow:auto;
}
.whitelink { color:white; text-decoration:none; padding: 5px; border: 1px dashed white;}



img{ border:0px; }

#admin_functions table{ color: #696969; float:left;}
.donot { 
	display:none !important; 
}
.center .image_groups_table {
	width: 600px;
	
}
.delete_ins_msg { display:none; }
.preview_tips { color: #d4d4d4; } 

#subnav ul, #subnav li{ display: inline; }

#adminnavigation li a{ color: black; }

/* pagespopup */
.left_frame { float:left; height: 100%; width: 300px; color: black; margin: 10px 10px 0 0; }
.left_frame ul { list-style-type: none; padding: 5px 10px 0 15px; margin: 10px 0 0 0;  background-color: #F1F1F1; overflow:none; clear:both;}
.left_frame ul > ul{ margin: 0; }
.left_frame li { padding: 5px 0; cursor:pointer; margin: 2px 0 0 0; clear:both; border-bottom: 1px solid #c2c2c2;}
.left_frame li:hover { background-color: white; }
.left_frame li ul li:hover { background-color: #fff; }
.left_frame li ul li ul li:hover { background-color: #fff; }
.left_frame a {  color: black; }
.left_frame li a.floatright { float:right; }

.left_frame .img_album_info {
	float:right;
	text-align:right;
	height: 100px;
}
.left_frame .img_album_image {
	position:relative;
	overflow:none;
	float:left;
	height: 100px;
}

.added_images {
	float:left;
	margin: 0 0 10px 10px;
	border-bottom: 1px solid #c2c2c2;
	padding: 10px 0 0 0;
	overflow:none;
	width: 500px;
}

 .added_right {
	 float:right;
	 width: 300px;
	 text-align:right;
  }

.settings_frame { float:left; background-color: white; height: 100%; width: 400px;  color: black; margin: 10px 0 0 0;}

.settings_frame table td {
	border: 1px solid #eee;
	padding: 5px;
}

.right_frame600 { float:left; background-color: white; height: 100%; width: 600px;  color: black; margin: 10px 0 0 0;}

.settings_frame h1, .left_frame h1, .right_frame600 h1 {
        clear:left;
	padding-top: 10px;
	font-size: 13px;
	text-transform: uppercase;
	background-color: #f4f4f4;
	height: 20px;
	padding-left: 14px;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.settings_frame h2, .left_frame h2, .right_frame600 h2 {
	font-size: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: normal;
}
.settings_frame h3, .left_frame h3, .right_frame600 h3 {
	font-size: 13px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: normal;
}
.settings_frame h4, .left_frame h4, .right_frame600 h4 {
	font-size: 15px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: normal;
}

.pagemap  ul { line-height: 25px; padding: 5px 0 0 30px; }
.pagemap li { padding: 2px 0 0 0; cursor:pointer;}


.product_box { /*float:left; width: 500px; padding: 10px 5px; margin: 0 0 10px;*/}

.ui-state-highlight { height: 100px; border: 1px dashed #7EC480; background-color: #C2FCC4; }
.ui-state-highlight_12px { height: 12px; border: 1px dashed #7EC480; background-color: #C2FCC4; }


#admin_functions {background-color: white; color: #696969; padding: 0 0 20px 0; font-family: Arial, Sans-serif;}
#admin_functions a{ color: #696969;}
#admin_functions h3{ color: #696969; }
#admin_functions .tabs_content { border: 1px dashed #696969; padding: 20px; margin: 5px 0 20px 0; overflow:hidden;}
#admin_functions .tabs_content_col { float:left; border: 1px dashed #696969; padding: 20px; margin: 5px 0 0 0; }
#admin_functions #slidebottom { display:block; margin: 0 20px 0 20px; background-color: #fff; overflow:hidden;}
#admin_functions .adminbutton { background-color: #8F8F8F; color: #696969; border: 0; padding: 2px; width: 1020px; display:none}
#admin_functions .tabs {margin-top: 0px; padding-top: 20px;}
#admin_functions .tabs ul li{list-style-type: none; display:inline; border-right: 1px solid #F1F1F1; border-left: 1px solid #F1F1F1; padding: 0px 10px 0 10px;}

#admin_functions_navi { color: #696969; padding: 20px; background-color: #c2c2c2; font-size: 14px;}
#admin_functions_navi a{ color: #696969; text-decoration: none;}

#adminnavigation li { display:inline; }
#adminnavigation a { color: #696969; }

#container {width: 1035px;  background-color: #474747; margin: 0px auto;}

#_1,#_3 { width: 1035px; background-color: #474747; height: 30px;}

.adminpanel { float:right; border-left:1px dashed #696969; background-color: #f1f1f1;border-bottom:1px dashed #696969; padding: 0 0 0 5px; }

.addmodule {float:top;}
.addmodule input { font-size: 11px; }
 .adminbutton { background-color: #8F8F8F; color:white; border: 0; padding: 2px; width: 50px;}
 
  .admin_select { width: 150px;}
.album_and_photos h2{ font-size:14px;}
.album_and_photos { width:500px;}

