﻿/*reset*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

/* Main layout */

* { padding: 0; margin: 0; }

body {
  background-color :#f1f3cd;
  color:#666666;
  font-size:85%;
  font-family:Verdana, Helvetica, sans-serif;
}
#wrapper { 
 margin: 0 auto;
 width: 1030px;
}
#header {
 width: 1030px;
 float: left;
 height: 117px;
}
#main-col { 
 color: #333;
 width: 710px;
 float: left;
}
#side-col { 
 float: right;
 width: 300px;
 display: inline;
}

#side-col > div{ 
 margin-bottom:1em;
}

.clearfix
{
    clear:both;
}

#footer { 
 width: 700px;
 /*width: 1030px;*/
 clear: both;
 color: #333;
 padding: 10px;
}

#header h1 {
  float: left;
  width:265px;
}

#site-logo {
  height: 117px;
  width:265px;
}

#header .ads
{
    padding-top:15px;
    float:right;
}


h2
{
    font-size:2em;
    color:#016531;
    font-weight:bold;
    padding-bottom:0.3em;
    margin-bottom:0.3em;
    border-bottom:solid 2px #D6E1D0;
}


#help
{
    display:none;
    text-align:right;
    border:solid 4px #D6E1D0;
    padding:1em;
    margin-top:1em;
}

#help h2
{
  border:none;   
    
}

#help h3
{
  margin-bottom:0.5em;
    
}

.help_link
{
    color:#666666;
    font-size:85%;
    display:block;
    padding-top:1em;
}

.help_close
{
    color:#666666;
    font-size:85%;    
    
}
.help_content
{
    text-align:left;
}

.help_content li,p
{
    font-size:85%;
}


.help_content .content_page li
{
    padding:0 0 0.3em 0;
    margin:0;
}


#home_content .notice
{
    display:none;
    padding:.8em;border:2px solid #ddd;margin-bottom:0.8em;
}

#home_content h3
{
    background:#E6EFC2;color:#264409;border-color:#C6D880;
    padding:.8em;border:2px solid #ddd;margin-bottom:0.8em;
}

#home_content
{

    height:380px;
    padding-top:13px;
    padding-bottom:13px;
}

.content_page
{
    padding:0 0 1em 0;
}

.content_page p
{
 padding:0 0 0.5em 0;   
    
}

.content_page h3
{
    padding:1em 0 0 0;   
    color:#016531;
    font-weight:bold;
}

.content_page ol
{
    list-style-type:decimal;
    list-style-position:inside;
    
}

.content_page ul p
{
 padding:0 0 0.5em 0;  
   
}

.content_page ul 
{
list-style-type:disc; 
list-style-position:inside;
}
.content_page li
{
    padding:0.5em;
    
}

.content_page li strong
{
    font-weight:bold;
    line-height:2em;
    padding-left:1em;
}


#support_form 
{
    padding:1em 1em 0 1em;
}

#support_form .form_row
{
       font-size:65%;
}

#support_form textarea      { width: 640px; }

.home_options
{
	background-image: url(images/joinnow.gif); 
	background-repeat:no-repeat;
	margin:0 0 .5em 0;	 
	text-align:center;
}
	
.home_options a
{
	width:300px;
	display:block;
	height:30px;
}
/*.home_options img{float:left;}
.home_options select{float:right;margin:5px 5px;}*/


#footer_menu{float:right;list-style-type: none;}
#footer_menu li{float:left; font:65%;}
#footer_menu li a{color:#666666; text-decoration:none;padding:.2em .5em;}
#footer_menu li a:hover {text-decoration:underline;}
#footer_copyright{float:left; font:65%;}

#meegos_options{Color:#b56f06;}
#meegos_options p{padding-top:0.5em;}
#meegos_options p img{padding-left:0.3em;}
#meegos_options em{font-size:120%;font-weight:bold;}
#meegos_options ul{padding-left:2em;}
#meegos_options ul li{padding-left:10px;}
#meegos_options ul li p a{text-decoration:none;}
#meegos_options ul .paw{ list-style-image: url(images/paw.gif); }


#spotlight_meegos h2{margin:0 0 0.5em 0;border-bottom:solid 2px #D6E1D0;padding-bottom:.2em; }
#spotlight_meegos{height:235px;}
#spotlight_meegos ul{list-style-type:none;padding-left:10px;}
#spotlight_meegos ul li{float:left;margin-right:12px;text-align:center;}
#spotlight_meegos ul li a{text-decoration:none;color:#666666;display:block;padding-top:5px;}
#spotlight_meegos ul li a:hover {text-decoration:underline;cursor:pointer;}

#avatar-name .builder-tab-content {display:none;}
.builder-tab-content #btnBack{color:#FF8400;}
.builder-tab-content #btnBack:hover{cursor:pointer;text-decoration:underline;}
#avatar-create .builder-tab-content p{padding-top:1em;padding-left:1.2em;}

#login_panel
{
    background-image: url(images/login_bg.gif);
    background-repeat:no-repeat; 
    padding:0.7em 1em 0 1em;
    color:#003399;
    margin-bottom:5px;
    height:170px;
}



#login_panel h2{padding:0; margin:0;border:none;}

#login_panel label{font-size:85%;}

.login_options label
{
    float:none;
}

form#login-form a
{
 color:#FF8400;
}

form#login-form .text
{
    clear:both;
}

form#login-form label
{
    float:left; 
    
}

form#login-form span
{
    float:right; 
    /*margin-top:5px;*/
}


form#login-form .sub-labels
{
    float:right; 
    /*margin-top:5px;*/
    margin-right:0.5em;
    font-style:italic;
    font-size:small;
}
          
#signin{width:270px;margin:0 auto;padding:1em 0 0.5em 0;}
#signin h2{margin:0 0 0.5em 0;border-bottom:solid 2px #B5C9EB;padding-bottom:.2em; }
#signin a{color:#666666;}


.login-submit{text-align:right;}

a.button
{
    display:block;
    /*text-align:center;
    vertical-align:middle;*/
}

.img-button
{
    /*height:32px; 
    width:142px; */
    border:none; 
    cursor:pointer;
}

/*
.button.confirm
{
    background: url(images/button_yellow.png) no-repeat; 
}
.button.confirm:hover
{
    background: url(images/button_yellow_hover.png) no-repeat;
}*/

/*.button.plain /*green*/
/*{
    background: url(images/button_yellow.png) no-repeat; 
}
.button.plain:hover
{
    background: url(images/button_yellow_hover.png) no-repeat;
}

.button.important /*orange*/
/*{
    background: url(images/button_yellow.png) no-repeat; 
}
.button.important:hover
{
    background: url(images/button_yellow_hover.png) no-repeat;
}
*/


#news
{
    padding-bottom:0.5em;
}

#news .news-content
{
    background-color:#CDCD9B;
    
}

#news .news-content p a
{
color:#666666;
}

#news .news-content p
{   
    padding:0.5em 1em 1em 1em;
}


.form_row{padding-bottom:8px;}
.form_row label{display:block;}
.form_row.non_block label{display:inline;}
.form_row select{margin-top:3px;}
             
#signup .signup-panel{float:left;margin-left:1em;padding:0.5em;width:380px;}
#signup .signup-panel h2{padding:0 0 0.5em 0;margin:0;border:none;}
#signup .signup-panel form{background-color:#D6E1D0;color:#016531;padding:1em;}
#signup .signup-panel form input.text{width:340px;}
#signup .signup-panel select{padding:2px;}
#signup .signup-panel form .signup-submit{margin-top:1em;text-align:right;}
#signup .signup-advice-first{float:left;width:96px;padding-right:1em; padding-left:1.5em;}
#signup .signup-advice-first div{padding-top:15em;margin-left:-2em;}
#signup .signup-advice-second{margin-top:250px;width:96px;float:right;padding-right:1.5em;}
#signup .signup-advice-second .signup-img-right {vertical-align:bottom;}


/* New Member Home*/


#member-header 
{
   padding-bottom:1em; 


}

#member-header h2
{
    font-size:2em;
    color:#016531;
    font-weight:bold;
    padding-bottom:0;
    margin-bottom:0;
/*    display:inline;*/
    border:none;
    float:left;
    width:50%;
}


#member-header #member-details
{
    float:right;
    margin-top:0.8em;
   /* width:30%;*/
}

#member-country
{
 padding-left:1em;   
}

#member-profile
{
    clear:both;
    /*margin-top:1em;*/
    padding-top:0.5em;
    border-top:solid 2px #D6E1D0;
}

/*END Member home*/



#member-home .member-profile
{
    clear:both;
    float:right;
    width:340px;
    padding:0 1em 0.5em 0;
    background-color:#D6E1D0;
}

/*#member-home .member-profile p
{
    padding :0 0 0.5em 1em;
}*/

#member-home .member-profile h2
{
    color:#016531;
    padding:0.2em;
    margin-bottom:0.2em;
    border-bottom:solid 2px #D6E1D0;
}

#member-home #member-avatars
{
 margin-top:0.5em;   
 padding:0.5em 0.5em 0.5em 1em;
 background-color:#D6E1D0;
 color:#016531;
 text-align:center;
}

#member-home #member-avatars .options
{
    clear:both;
    padding-top:0.5em;
    font-size:85%;
}

#member-home #member-avatars a
{
 color:#016531;
}

/*#member-home #member-avatars h3
{
 height:1em;
}*/

#member-home #member-avatars ul
{

 background-color:#D6E1D0;
}

#member-home #member-avatars li
{
float:left;
 margin:0.5em 0.5em 0 0.5em;
 background-color:#D6E1D0;
}


#member-home .member-primary-avatar .avatar-holder h3 a
{
    color:#333333;
}

#member-home .member-primary-avatar .avatar-holder h3 a:hover
{
    color:#FF8400;
}

#member-home .member-primary-avatar .no-avatar img
{
    height:290px;
    width:200px;
    padding:2em 0 2em 0;
}

.avatar-name-form .avatar-holder
{
     border:solid 1px #999999; 
     background:transparent url(images/avatar_holder.gif);
     padding:2em 0 1em 0;
     /*margin-bottom:1em;*/
}

.avatar-name-form .options label
{
    font-size:85%;
}

.avatar-name-form .options p
{
    padding:0.5em 0.5em 0.5em 0.5em;
}

.avatar-name-form
{
    text-align:center;
    vertical-align:middle;
    padding:1em;
    width:300px;
    /*margin-left:200px;*/
    float:left;
}

.avatar-name-form.alone
{
    margin-left:200px;
}

#current-avatars
{
    float:right;
    width:350px;
    /*text-align:center;*/
    padding:1em 0 0 0;
    
}

#current-avatars ul
{
    /*margin-left:5px;*/
    text-align:center;
}

#current-avatars li
{
    float:left;
    padding:0.5em;
    font-size:85%;
}

#current-avatars li.selected
{
    background:#f1f3cd;
}

#current-avatars li.primary
{
    background:#FBE3E4;
}




#avatar-builder-loading
{
    padding:1em;
    font-size:100%;
}

#current-avatar .avatar-holder
{
     border:solid 1px #999999; 
     background:transparent url(images/avatar_holder.gif);
     width:300px;
     text-align:center; 
     vertical-align:middle;
     padding-top:20px;
}
     
#current-avatar  .avatar-holder h3
{
    display:inline; 
    padding:0.5em;
    margin-bottom:1em;
    font-weight:bold;
    font-size:150%;
}     

#current-avatar .avatar
{
    /*text-align:center;*/
    /*vertical-align:middle;*/
    margin:1em 0 2em 50px;
}

    
#member-home .member-primary-avatar .avatar-holder
{
     border:solid 1px #999999; 
     background:transparent url(images/avatar_holder.gif);
     width:300px;
     height:370px;
     text-align:center; 
     vertical-align:middle;
     padding-top:20px;
     padding-bottom:27px;
}
     
#member-home .member-primary-avatar .avatar-holder h3
{
    display:inline; 
    padding:0.5em;
    margin-bottom:1em;
    font-weight:bold;
    font-size:150%;
}  

#download-message
{
    padding-top:1em;
}   
     
#member-home .member-primary-avatar .avatar
{
    margin:1em 0 1em 50px;   
}

#member-home .member-primary-avatar .img-button.download
{
 width:300px;
 background-position:center;
 
}

#signup .signup-panel #join_terms
{
	background-color:#88A376;
	border:solid 1px #016531;
	text-align:center;
	padding:1em;
	margin-top:0.5em;	
}

  
#join-information
{
    padding-top:0.5em;
    font-size:85%;
}
  
#signup label
{
    font-size:85%;   
}
  
/*#join-options
{
 font-size:85%;   
    
}*/

#join-options div
{
 margin:0.5em 0 0.5em 0; 
    
}
  
#signup .signup-panel #join_terms a
{
    color:#016531;
}

#signup-footer{clear:both;}

#nav{background-color:#CDCD9B;margin-bottom:0.5em;float:left;width:100%;}

#nav ul{list-style-type:none;float:left;padding:0.5em;text-decoration:none;}

#nav a{float:right;text-decoration:none;font-weight:bold;color:White;}

#nav a.nav-logout{margin:0.3em 0.5em 0.3em 0.3em;padding:0.2em;color:#CDCD9B; background-color:White;}
#nav a.nav-logout:hover{background-color:#CDCD9B;color:White;text-decoration:underline;}

#nav a.navall:hover {background-color:#ffffff; color:#CDCD9B;}
#nav a.nav-selected{float:left;margin-left:2em;margin-top:0.3em;padding:0.2em;color:Black;}
#nav a.nav-selected:hover{color:#CDCD9B;background-color:Black;}
#nav a.navall {float:left;margin-left:2em;margin-top:0.3em;padding:0.2em;}

#avatar-builder h2{padding:0 0em 0.2em .5em;border:none; margin:0;}
#avatar-builder .avatar-holder p{padding:.5em 0 0 0;}


#current-avatar #avatar-viewarea p{padding-bottom:1em;height:1em;}
#current-avatar {padding:1em;}
#current-avatar #avatar-viewarea
{
	text-align:center;
	width:312px; 
	padding-top: 30px;
}

#current-avatar #avatar-viewarea .update-main-avatar
{
    margin-top:1em;
}

#current-avatar #avatar-options
{
    float:right; 
    width:335px;
}




#current-avatar #avatar-options img
{
    padding-bottom:5px;
}

.avatar-list .avatar-list-item a
{
    color:#666666;
    text-decoration:none;
    
}

.avatar-list .avatar-list-item a:hover
{
cursor:pointer;
text-decoration:underline
    
}

.avatar-list{clear:both;}	

.avatar-list h2
{
    margin-bottom:0.7em;
}

.avatar-list ul{padding-left:0.2em;text-align:center; margin-left:1em;}
.avatar-list ul li{float:left;padding-right:1em;}

#member-meegos
{
    /*margin-left:160px;*/
    width:600px;
}


#member-meegos .member-meego
{
    border-bottom:solid 2px #D6E1D0;
    padding-bottom:5px;
    margin-bottom:5px;
}

#member-meegos .member-meego .avatar
{
    width:175px; 
}

#member-meegos .member-meego .member-meego-profile .options
{
   /* margin-top:43px;*/
   margin-top:10px;
}

#member-meegos  .update-main-avatar
{
 padding-top:0.8em;   

}

#member-meegos  .update-main-avatar span
{
 vertical-align:super;
}

.member-meego-profile
{
    float:right;
    width:270px;
    width:475px;
}

.member-meego-profile h2
{
border-bottom:solid 2px #D6E1D0;
    padding:0;
    margin:0;
}


#avatar-download-format .formats
{
    margin:2em 2em 1em 2em;
}

#avatar-download-format .formats th
{
    border:solid 1px #D6E1D0;
    padding:0.5em;
}

#avatar-download-format .options
{
    padding:1em 3em 0 1em;
}

#avatar-download-format .formats td
{
    
    margin:0.5em;
    border:solid 1px #D6E1D0;
    padding:0.5em;
}




#msninstall .notice
{
    margin-top:1em;
}


#password-new form
{
    padding-top:1em;
}


#password-update form
{
    padding-top:1em;
}


/* Free product pages */

#free_content_download
{
    padding:0 1em 0 1em;
}

#free_content_download .options
{
    padding:1em 0 0 0;
    
}

#free_content_download .options a
{
    text-decoration:none;
    
}
#free_content_download #product
{
    text-align:center;
}


#free_content 
{
    padding:0 1em 0 1em;
}

#free_content .products
{
    margin-left:10px;
}

#free_content .products li
{
    float:left;
    padding:0 2em 2em 2em;
    width:263px;
    height:145px;
}

#free_content .paging
{
    clear:both;
    vertical-align:middle;
}

#free_content .paging .page
{
   margin:5px;
}

#free_content .paging a
{
    font-size:125%;
    color:black;
    display:block;
    float:left;    
    
}

#free_content .paging span
{
    float:right;    
    
}

#free_content .paging a.current
{
    text-decoration:none;
    font-weight:bold;
}


#avatar-download-format .Image .formats .content_page
{
    padding:0;
    margin:0;
}

#avatar-download-format .Image .formats .content_page p
{
    padding:0;
    margin:0;
}

#avatar-download-format .formats .sizes
{
    width:12em;
    color:#016531;
    font-weight:bold;
}

#backbtn
{
    color:#016531;
}

#avatar-download-format .Image .formats
{
    margin-left:50px;   
    width:560px;
}


#avatar-download-format .Stationary .formats
{
    margin-left:200px;   
}

#avatar-download-format .formats td
{
    border:none;
}

#avatar-download-format .formats td
{
    border-bottom:dashed 1px #999999;
}

#avatar-download-format .Image .formats tr
{
    height:4em;
}

#deactivate-form
{
    /*background-color:red;*/
}

#deactivate-form .back a
{
    color:#016531;
}

#membership-delete
{
    font-size:small;
    color:#016531;
    display:block;
    margin-top:0.5em;
    margin-left:1em;
}


#sample_content
{
    float:right;
}


/*rounded stuff*/
.content-box_hd
{
    background:transparent url(images/round/cb_top.gif) no-repeat scroll top left;
    height:13px;
    clear:both;    
    overflow:hidden;
}

.content-box_ft
{
    background:transparent url(images/round/cb_bottom.gif) no-repeat scroll 0 0;
    height:13px;
    clear:both;
    margin-bottom:10px;
    
}

.content-box
{
    padding:0 1em 1em 1em;
    background:#ffffff url(images/round/cb_middle.gif);
}

/*Froms*/
/*label       { font-weight: bold; }*/
label       { font-size: 135%; padding-bottom:3px;}
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1em; }

input.text, input.title,
textarea, select {
  /*margin:0.5em 0;*/
  /*border:1px solid #bbb;*/
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #666;
}

input.text, 
input.title   { width: 264px; padding:3px; border:1px solid #bbb;}
input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 250px; padding:5px; }



.error, .notice, .success {padding:.8em;border:2px solid #ddd;margin-bottom:0.8em;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

.error li{padding-bottom:0.5em; list-style-type:circle; list-style-position:inside}

input.input-validation-error{border:2px solid #F94D56;}
.field-validation-error{color:#8a1f11;}


#techerror{display:none;} /*Change this when you want to see the error*/


.img-button
{
    text-indent:-9999px;
}

a.img-button 
{
    display:block;
}

/*LANGUAGE SPECIFIC SHEET*/
 
#btnLogin.img-button
{
    background: url(images/text/en/btn_login.png) no-repeat; 
    width:142px;
    height:32px;
}
#btnLogin.img-button:hover
{
    background: url(images/text/en/btn_login_hover.png) no-repeat; 
}

#btnSignup.img-button
{
    background: url(images/text/en/btn_join.png) no-repeat; 
    width:142px;
    height:32px;
}
#btnSignup.img-button:hover
{
    background: url(images/text/en/btn_join_hover.png) no-repeat; 
}


.img-button.download 
{
    background: url(images/text/en/btn_download.gif) no-repeat; 
    width:142px;
    height:32px;
}
.img-button.download:hover
{
    background: url(images/text/en/btn_download_hover.gif) no-repeat; 
}

.img-button.download:hover
{
    background-position:center;
}


#btnDownload.img-button
{
    background: url(images/text/en/btn_download.gif) no-repeat; 
    width:142px;
    height:32px;
}
#btnDownload.img-button:hover
{
    background: url(images/text/en/btn_download_hover.gif) no-repeat; 
}

#btnMctDownload.img-button
{
    background: url(images/text/en/btn_download.gif) no-repeat; 
    width:142px;
    height:32px;
}
#btnMctDownload.img-button:hover
{
    background: url(images/text/en/btn_download_hover.gif) no-repeat; 
}


#btnSave.img-button
{
    background: url(images/text/en/btn_save.png) no-repeat; 
    width:142px;
    height:32px;
}
#btnSave.img-button:hover
{
    background: url(images/text/en/btn_save_hover.png) no-repeat; 
}


#btnDelete.img-button
{
    background: url(images/text/en/btn_delete.gif) no-repeat; 
    width:142px;
    height:32px;
}
#btnDelete.img-button:hover
{
    background: url(images/text/en/btn_delete_hover.gif) no-repeat; 
}


#btnSubmit.img-button
{
    background: url(images/text/en/btn_save.png) no-repeat; 
    width:142px;
    height:32px;
}
#btnSubmit.img-button:hover
{
    background: url(images/text/en/btn_save_hover.png) no-repeat; 
}

#btnSend.img-button
{
    background: url(images/text/en/btn_send.png) no-repeat; 
    width:142px;
    height:32px;
}
#btnSend.img-button:hover
{
    background: url(images/text/en/btn_send_hover.png) no-repeat; 
}


.avatar-list h2
{
    margin-top:0.5em;
    height:27px;
    text-indent:-9999px; 
    background: url(images/text/en/mymeegos.gif) no-repeat; 
}

.member-profile #member-avatars h3
{
    margin-top:0.5em;
    height:27px;
    text-indent:-9999px; 
    background: url(images/text/en/mymeegos.gif) no-repeat; 
}


#current-avatar #avatar-options h2
{
    text-indent:-9999px; 
    background: url(images/text/en/youcan.gif) no-repeat; 
    height:22px;
}

h2.emo
{
    text-indent:-9999px; 
    border:none;
    background: url(images/text/en/head_emo.gif) no-repeat; 
    height:44px;
    width:500px;
}

h2.ddp
{
    text-indent:-9999px; 
    border:none;
    background: url(images/text/en/head_dp.gif) no-repeat; 
    height:44px;
    width:500px;
}

h2.wp
{
    text-indent:-9999px; 
    border:none;
    background: url(images/text/en/head_wp.gif) no-repeat; 
    height:44px;
    width:500px;
}




/***** new year  ****/

/*

.home-index #main-panel .content-box_hd
{
    background:transparent url(images/geek/top.gif) no-repeat scroll top left;
    height:13px;
    clear:both;    
    overflow:hidden;
}

.home-index #main-panel .content-box_ft
{
    background:transparent url(images/geek/bottom.gif) no-repeat scroll 0 0;
    height:13px;
    clear:both;
    margin-bottom:10px;
    
}

.home-index #main-panel .content-box
{
    padding:0 1em 1em 1em;
    background:black url(images/geek/middle.gif);
}*/