/*
===================================
Color Guide
===================================

===================================
*/

html{
}

body{
background: #fff url(bg_main.gif) 0 0 repeat-x;
margin-top: 2px;
}

#wrap {
text-align:left;
color: #222;
width: 980px;
margin:0 auto;
}

hr{display: none;}
 
/* General Stuff ========================= */
p{margin-bottom: 10px; font-size: 93%; line-height: 1.4em;}
strong{font-weight: bold;}
a:link, a:visited{ color:#d83a3a}
a:hover{text-decoration:none; }
a:focus, a:active {outline: none; text-decoration:underline; }

.wrong, .off{color: #f00!important;}
.ok, .on{color: #080!important;}
.move{color: #f70!important; cursor:move!important;}

.active a{cursor: hand}

::-moz-selection { background: #fc0; color: #000; }
::selection { background: #fc0; color: #000;}

h1{font-size:138.5%;}
h2{font-size:123.1%;}
h3{font-size:153.9%; margin-bottom: 10px}
/*h1,h2,h3{margin:1em 0;}*/
h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}
em{font-style:italic;}

.NoMargin{margin-left: 0!important; clear: left;}

.module{margin-bottom: 20px;}

.module h3{font-size:153.9%; margin-bottom: 10px;font-weight:bold;}
.module h4{font-weight:bold;}
/* 2.header ========================= */

#header{
}

#header h1{
float: left;
}

#header h1 a{
display: block;
background: url(logo.gif) 0 0 no-repeat;
height: 51px;
width: 145px;
text-indent: -99999px;
margin: 10px 0;
}

/* TopMenu ========================= */

#TopMenu{
background: url(bg_TopMenu.gif) repeat-x 0 0 ;
float: right;
margin-top: 10px;
/*padding: 10px 10px 0px 10px;*/
}

#TopMenu form{
padding: 0px 10px 0 10px;}

#TopMenu p{
font-size: 85%;
margin-top: 3px;
padding-left: 10px;}

#TopMenu_email{
color: #777777;
font-size: 85%;
padding: 10px 10px 0 10px;
width: 190px;
float:left;
}
#TopMenu_pass{
color: #777777;
font-size: 85%;
padding: 10px 10px 0 10px;
float:left;
}

.clear{
  clear:both;
}

a.submit, input[type="submit"], input[type="button"]{
background: #7a3636 url(bg_submit.gif) repeat-x bottom left;
border: 1px solid #4f2323;
color: #f7e4d2;
font-weight: bold;
padding: 2px 5px;
cursor: pointer;
text-decoration: none;
text-transform: uppercase;
}

a.submit{
background: #7a3636 url(bg_submit.gif) repeat-x bottom left;
border: 1px solid #4f2323;
color: #fff!important;
font-weight: bold;
padding: 2px 5px;
cursor: pointer;
text-decoration: none;
text-transform: uppercase;
}


 a.submit:hover, input[type="submit"]:hover, input[type="button"]:hover{color: #fff;}

.btn{margin-bottom: 10px;}

#TopMenu input[type="text"], #TopMenu input[type="password"]{background: #fff; color: #777;}

#TopMenu input[type="text"]:focus, #TopMenu input[type="password"]:focus{color: #222!important;}


#TopMenu ul li{
float: left;}

#TopMenu ul li a{
display: block;
border-left: 1px solid #f5f4f2;
padding: 15px;
color: #999;
text-decoration: none;
}

#TopMenu ul li:first-child a{border: none;}

#TopMenu ul li.email a{
background-position: 10px 50%;
background-repeat: no-repeat;
padding-left: 30px;
}

#TopMenu ul li.emailbold a{
background-position: 10px 50%;
background-repeat: no-repeat;
padding-left: 30px;
font-weight:bold;
}

#TopMenu ul li a:hover{
background-color: #999;
color: #fff}



/* NavBar ========================= */

#NavBar{
}

/* MainNav */
#MainNav{
}

#MainNav li{float: left;}

#MainNav li a{
display: block;
padding: 0 10px;
line-height: 32px;
height: 32px;
text-decoration: none;
font-weight: bold;
}

#MainNav li a:hover{text-decoration: underline;}

#MainNav li.active{
background-image: url(btn.gif);
background-position: 0 0;
background-repeat: no-repeat;
}

#MainNav li.active a{
background-image: url(btn.gif);
background-position: right -64px;
background-repeat: no-repeat;
color: #fff;}
#MainNav li.active a:hover{text-decoration: none;}



.first li.active{background-position: 0 -32px !important;}
.first li.active a{padding-left: 5px !important;}

#MainNav li#last a{
background-position: right -96px;
padding-right: 5px;}


/*SubNav*/

#SubNav{
clear: both;
background-image:url(bg_submenu.gif);
background-repeat: no-repeat;
background-position: top left;
padding-left: 5px;
/*height: 180px!important;*/
}

.first #SubNav{background-position: bottom left;}

#SubNav li, #SubNav li.active{
float: left;
background: url(btn_submenu.gif) no-repeat 0 0 !important;
margin: 10px 5px;
line-height: 20px;
height: 20px;
}

#SubNav li a, #SubNav li.active a{
display: block;
padding: 0 10px !important;
color: #fff;
background: url(btn_submenu.gif) no-repeat bottom right;
text-decoration: none;
color: #e7c7a6;
}

#SubNav li a:hover, #SubNav li.active a{color: #fff;}

#SubNav form{
float: right;
margin: 10px 10px 0 0 ;
background: #fff url(bg_search.gif) 0 0 no-repeat;
border: none;
height: 18px;
line-height: 14px;
width: 153px;
padding: 2px 2px 0 5px;
}

  #SubNav form input[type="text"]{
  background: none;
  border: none;
  width: 122px;
  margin: 0;
  }
  #SubNav form input[type="submit"]{
    background: none;
    height: 15px;
    width: 20px;
    border: none;
    padding: 0;
  }


/* Categorias ========================= */


.LefCol{
float: left;
width: 300px;
}

.RightCol{
float: right;
width: 300px;
}

.categories li a{
/*display: block;*/
}

.categories li {
background: #f1f1f1;
font-weight: bold;
margin-bottom: 10px;
color: #d83a3a;
}

.categories li li{
font-weight: normal;
padding-left: 20px;
margin-bottom: 0px;
background: #fff;}


/* content ========================= */

#content{
padding: 20px 10px;
background: #fff;
clear: both;}

#content h6 a{
display: block;
font-size: 85%;
text-transform: uppercase;
padding: 4px 0 4px 20px;
color: #777;
background: transparent url(icons/add.png) no-repeat left center;
clear: both;
text-decoration: none;
}

#content h6 a:hover{text-decoration: underline;}


.title {margin-bottom: 20px;}
.title h3, .title form{
display: inline;
}

h3 em{font-weight: normal; font-style: normal;}

.title select{
font-size: 153.9%;
border: 1px solid #ccc;
font-weight: bold;}



/* main ========================= */

#main{
float: left;
width: 620px;}

#InnerMainArea{
float: right;
width: 460px;
}

.InnerMainArea{
float: right;
width: 460px;
}

#InnerMainAreaLarge{
width:800px;
float: right;
}

#InnerMenu{
float: left;
width: 140px;
background:  url(border_innermenu.gif) no-repeat right bottom;
padding-bottom: 100px;
border-top: 1px solid #ccc;
}

#InnerMenu li a{
display: block;
padding: 5px 0 5px 5px;
border-bottom: 1px solid #ccc;
color: #777;
text-decoration: none;
background: #f1f1f1;
margin-right: 1px;}

#InnerMenu li a:hover{background: #fff;}

#InnerMenu li.active a{
background: #fff;
font-weight: bold;
color: #d83a3a;
margin-right: 0;}

#InnerSide{
float: left;
width: 160px;
background:  url(border_innermenu.gif) no-repeat right bottom;
padding-bottom: 100px;
border-top: 1px solid #ccc;
}

#InnerNews{
float: right;
width: 440px;
}

/* MainList ========================= */ 

.MainList{
margin-bottom: 20px;
clear: both;
}

.MainList li{
padding: 2px 0;
border-bottom: 1px solid #f1f1f1;}

/* Comment ========================= */ 

.comment{
border-top: 1px solid #f1f1f1;
padding-top: 10px;}

.comment .user{margin-bottom: 10px;}

.CommentBody{
margin-left: 160px;}

ul.CommentBody{
padding-bottom:5px;  
}

.CommentBody a{
padding-right:10px;
}

.CommentDate{
margin-left: 160px;
font-weight:bold;
padding-top:10px;
}

.del_comments{
  text-align: right;
  padding-top: 10px;
  padding-bottom: 10px;
}

.photo_viewer img{
  width: 600px;
  height: auto;
}
/* Callendar ========================= */ 

.MainTable, .Callendar{width: 100%; border-top: 2px solid #ccc;}

.Callendar{text-align: center;}

.Callendar caption{
font-weight: bold;
text-align: center;
margin-bottom: 5px;
}

.Callendar, .MainTable, .Callendar td, .MainTable td, .Callendar tr, .MainTable tr, .Callendar th, .MainTable th{
border-bottom: 1px solid #ccc;
}

.MainTable, .MainTable td, .MainTable tr, .MainTable th{
padding: 5px;
}


.Callendar th{font-weight: bold;}

.Callendar td a{
display: block;
padding: 10px;
text-decoration: none;}
 
.Callendar td a:hover{
background: #ccc;
color: #222;}

.Callendar td.active a, .Callendar td.active a:hover{
background: #d83a3a;
color: #fff;}



/* hotornot ========================= */ 

.MainPicture img{display: block;
padding: 1px;
border: 4px solid #f5f4f2;
background: #fff;
}

.HONPicture img{display: block;
padding: 1px;
border: 4px solid #f5f4f2;
background: #fff;
width: 615px;
height: auto;
}

.MainPicture object{margin-bottom: 10px; display: none;}

.MainPicture h4{margin: 10px 0; font-size: 123%; }

#rate fieldset{padding-top: 5px;}
#rate legend{font-weight: bold;}

#rate li, #rate p{
float: left;
padding: 10px 0;
width: 50px;
text-align: center;
color: #fff;
font-weight: bold;
}

#rate p{width: 60px;}

#rate li label{
display: block;
cursor: pointer;
}

#rate #not{background: #03a0fb;}
#rate #one{background: #1295eb;}
#rate #two{background: #2389d7;}
#rate #three{background: #377bc1;}
#rate #four{background: #506aa6;}
#rate #five{background: #67598b;}
#rate #six{background: #7d4a74;}
#rate #seven{background: #95395a;}
#rate #eight{background: #ad283e;}
#rate #nine{background: #c11928;}
#rate #ten{background: #d40b12;}
#rate #hot{background: #e00305;}


/* rated */
#rated{margin-bottom: 10px;}
#RatedInfo{margin-left: 160px;} 
#RatedInfo h2{font-size: 500%;}


/* Enquente ========================= */ 

.enquente{
width: 300px;
float: left;
margin:0 0 30px 30px;
}

.enquente .user{ margin-bottom: 10px;}

.enquente form, .enquente p{clear: both;}

.enquente h4{
margin-bottom: 5px;
font-weight: bold; overflow: hidden;}

.enquente label{
display: block;
margin-bottom: 5px;}

.enquente label input{vertical-align: text-top;}

/* Grafico ========================= */

.graph { 
    position: relative; /* IE is dumb */
    width: 294px; 
    border: 1px solid #ccc; 
    padding: 2px; 
    margin-bottom: 5px;					
}
.bar { 
    display: block;	
    position: relative;
    text-align: center; 
    color: #222; 
    height: 15px; 
    line-height: 15px;							
    background: #ccc;
}
.graph .bar span { position: absolute; left: 10px; } /* This extra markup is necessary because IE doesn't want to follow the rules for overflow: visible */


/* Forms ========================= */ 
.InlineForm input[type="text"]{width: 150px;}
.WideForm, .InlineForm{margin-bottom: 20px;}
.WideForm{margin-top: 10px;}

.InlineForm{padding-top:10px;clear: both;}

.WideForm label{
display: block;
margin-bottom: 5px;
}
.WideForm textarea{
width: 600px;}

.WideForm p{margin: 10px 0 0 0;}

.WideForm input[type="button"]{
margin-right: 10px;
padding: 5px 20px;}

.WideForm input[type="submit"]{
margin-right: 10px;
padding: 5px 20px;}

.honForm textarea{
  width: 600px;
  margin-bottom: 20px;}


/* User ========================= */ 
.user{
float: left;
width: 140px;
margin: 0  0 10px 10px;
height: 60px;
}

.large{width: 300px; margin-left: 0; float: none!important;}

.user ul{margin-left: 60px;}

.user li ul{ margin: 0;}

.user .photo{
float: left;
margin: 0;
position: relative;
}

.user .photo a img{
display: block;
padding: 1px;
border: 2px solid #f5f4f2;
background: #fff;
}

.user .photo a:hover img{background: #f1f1f1; border-color: #ccc}

.user li{font-size: 85%;}
.user li.fn{font-size: 100%;font-weight: bold;}
.user li.fn_club{font-size: 100%;font-weight: bold;height:35px;}

.user .adr{ margin-bottom: 5px;}

.user .status{
text-transform: uppercase;
font-weight: bold;
} 


.vuser{
float: left;
width: 300px;
margin: 0  0 10px 10px;
height: 90px;  
}

.vuser ul{margin-left: 60px;}

.vuser li ul{ margin: 0;}

.vuser .photo{
float: left;
margin: 0;
position: relative;
}

.vuser .photo a img{
display: block;
padding: 1px;
border: 2px solid #f5f4f2;
background: #fff;
}

.vuser .photo a:hover img{background: #f1f1f1; border-color: #ccc}

.vuser li{font-size: 85%;}
.vuser li.fn{font-size: 100%;font-weight: bold;}


.suser{
float: left;
width: 300px;
margin: 0  0 10px 10px;
height: 80px;  
}

.suser ul{margin-left: 60px;}

.suser li ul{ margin: 0;}

.suser .photo{
float: left;
margin: 0;
position: relative;
}

.suser .photo a img{
display: block;
padding: 1px;
border: 2px solid #f5f4f2;
background: #fff;
}

.suser .photo a:hover img{background: #f1f1f1; border-color: #ccc}

.suser li{font-size: 85%;}
.suser li.fn{font-size: 100%;font-weight: bold;}

.feat_user{
  float: left;
  width: 140px;
  margin: 0  0 20px 10px;
}

.feat_photo{
  width: 140px;
  height: 140px;
}

.feat_photo img{  
  border: 4px solid #F5F4F2;
  padding: 1px;
  text-align: center;
  margin: auto 0;
}

.feat_photo img:hover{
  text-align: center;
  border: 4px solid #CCC;
  padding: 1px;
}

.feat_name{
  font-weight: bold;
  text-align: center;
}

/* VIP */
.selinho{
position: absolute;
background:  url(vip_thumb.gif) no-repeat 0 0;
font-size: 1%;
width: 20px;
height: 10px;
text-indent: -99999px;}

.vip{
padding-left: 10px;
background: url(vip.gif) no-repeat left center;
}


/* Video ========================= */ 
.video{
float: left;
width: 140px;
margin: 0  0 30px 15px;
}

.VideoThumb{
margin: 0;
position: relative;
margin-bottom: 5px;
height: 130px;
}

.VideoTime{
background: #000;
color: #fff;
position: absolute;
bottom: 5px;
right: 5px;
font-size: 85%;
padding: 1px 2px;
}

.VideoThumb a img{
display: block;
padding: 1px;
border: 4px solid #f5f4f2;
background: #fff;
position:absolute;
top:0;
bottom:0;
left: 0;
right: 0;
margin:auto;
}

.VideoThumb a:hover img{background: #f1f1f1; border-color: #ccc}

.video li{font-size: 85%; margin-bottom: 3px;}
.video li.VideoTitle{font-size: 100%;font-weight: bold;height:20px;text-align:center}

.tool a{
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
padding: 2px 0 2px 20px;
color: #777;
background-position: left center;
background-repeat: no-repeat;
display: block;
font-size: 11px;
}

.tool a:hover{text-decoration: underline;}

.video .main{
text-transform: uppercase;
font-weight: bold;
}

/* community ========================= */

.community{
border-bottom: 1px solid #f5f4f2;
padding-bottom: 10px;
margin-bottom: 10px;}

.CommImage{float: left;}

.CommImage a img{
display: block;
padding: 1px;
border: 4px solid #f5f4f2;
background: #fff;
}

.CommImage a:hover img{background: #f1f1f1; border-color: #ccc}

.CommContent{margin: 0 90px;}

.CommContent ul.info{font-size: 93%}

.CommContent h4{margin-bottom: 5px;}
.CommContent h5{font-size: 85%;
margin-bottom: 10px;}

.community .tool{
float: right;
width: 100px;}

.community .tool a{
font-weight: bold;
color: #777;
font-size: 85%;
text-transform: uppercase;
text-decoration: none;
padding:3px 0 3px 20px;
background-repeat: no-repeat;
background-position: left center;
display: block;
}

.community .tool a:hover{
text-decoration: underline;
}

/*Blog ==========================*/
.blogimg img{
  padding: 0px 5px 5px 0px;
}

.BlogContent{margin-left: 140px;}

.BlogContent ul.info{font-size: 93%}

.BlogContent h4{margin-bottom: 5px;}
.BlogContent h5{font-size: 85%;
margin-bottom: 10px;}

/* Item ========================= */

.item{
border-bottom: 1px solid #f5f4f2;
margin-bottom: 5px;
padding-bottom: 5px;
}

.item dt{
font-weight: bold;
margin-bottom: 3px;}

.item dd{font-size: 85%;}

/* Music ========================= */

#main .music{
float: left;
width: 300px;
margin-left: 10px;
height:90px}

#main .mymusic{
float: left;
width: 300px;
margin-left: 10px;
height:120px}

.music dt, .music dd{padding-left: 20px;}

.music dt{background: url(icons/music.png) no-repeat left center;}

.music dt strong{font-weight: normal;}

/* Profile ========================= */

#LargeImg img, #rated img{
display: block;
padding: 1px;
border: 4px solid #f5f4f2;
background: #fff;
float: left;
}

#ProfileInfo{
margin-left: 220px;

}

#ProfileInfo h2{font-size: 220%;}
#ProfileInfo h5{margin-bottom: 10px;}
#ProfileInfo h5, #ProfileInfo dl{font-size: 93%;}

#ProfileInfo dl{margin-bottom: 3px;}
#ProfileInfo dt{
float: left;
width: 115px;
text-align: right;
font-weight: bold;
}

#ProfileInfo dd{
margin-left: 125px;
overflow: hidden;
}

.disable{
  opacity:0.40;
	-moz-opacity: 0.40;
	filter: alpha(opacity=40);
}
/* ProfileTools ========================= */

#ProfileTools{
margin-bottom: 20px;
}

#ProfileTools li a{
display: block;
font-weight: bold;
font-size: 85%;
text-decoration: none;
text-transform: uppercase;
padding: 4px 0 4px 20px;
color: #777;
background-position: left center;
background-repeat: no-repeat;}

#ProfileTools li a:hover{text-decoration: underline;}

/* Icons ========================= */

.UserGo a{background-image: url(icons/user_go.png)}
.UserEdit a{background-image: url(icons/user_edit.png)}
.UserError a{background-image: url(icons/user_error.png)}
.UserFriend a{background-image: url(icons/user_orange.png)}
.UserDelete a{background-image: url(icons/user_delete.png)}
.UserAdd a{background-image: url(icons/user_add.png)}
.star a{background-image: url(icons/star.png)}
.blog a{background-image: url(icons/comments.png)}
.BlogAdd a{background-image: url(icons/comments_add.png)}
.BlogDelete a{background-image: url(icons/comments_delete.png)}
.BlogGo a{background-image: url(icons/comments_go.png)}
.BlogEdit a{background-image: url(icons/comments_edit.png)}
.BlogPost a{background-image: url(icons/comment_add.png)}
.BlogReport a{background-image: url(icons/comments_report.png)}
.events a{background-image: url(icons/date.png)}
.EventsGo a{background-image: url(icons/date_go.png)}
.EventsDelete a{background-image: url(icons/date_delete.png)}
.EventsAdd a{background-image: url(icons/date_add.png)}
.EventsEdit a{background-image: url(icons/date_edit.png)}
.chat a{background-image: url(icons/comment.png)}
.VideoChat a{background-image: url(icons/webcam.png)}
.SendMessage a{background-image: url(icons/email_go.png)}
.group a{background-image: url(icons/group.png)}
.GroupGo a{background-image: url(icons/group_go.png)}
.GroupAdd a{background-image: url(icons/group_add.png)}
.GroupDelete a{background-image: url(icons/group_delete.png)}
.GroupEdit a{background-image: url(icons/group_edit.png)}
.GroupFav a{background-image: url(icons/group_fav.png)}
.EmailGo a{background-image: url(icons/email_go.png)}
.email a{background-image: url(icons/email.png)}
.PictureGo a{background-image: url(icons/picture_go.png)}
.PictureEdit a{background-image: url(icons/picture_edit.png)}
.PictureMain a{background-image: url(icons/picture_error.png)}
.PictureDelete a{background-image: url(icons/picture_delete.png)}
.VideoDelete a{background-image: url(icons/film_delete.png)}
.VideoEdit a{background-image: url(icons/film_edit.png)}
.StatsDelete a{background-image: url(icons/chart_bar_delete.png)}
.StatsAdd a{background-image: url(icons/chart_bar_add.png)}
.StatsEdit a{background-image: url(icons/chart_bar_edit.png)}
.MusicEdit a{background-image: url(icons/music_edit.png)}
.MusicDelete a{background-image: url(icons/music_delete.png)}
.ForumEdit a{background-image: url(icons/page_white_edit.png) }
.ForumDelete a{background-image: url(icons/page_white_delete.png) }
.ForumNew a{background-image: url(icons/page_white_star.png)}
.ForumMakeNew a{background-image:  url(icons/page_white_swoosh.png)}
.ForumGo a{background-image:  url(icons/page_white_go.png)}
.Forum a{background-image: url(icons/page_white.png)}


/* PictureList ========================= */

.PictureList li{
float: left;
margin:0 0 20px 20px;
width:130px;
height:130px;
/*border: 4px solid #888888;*/
}

.PictureList li a img{
display: block;
padding: 1px;
border: 4px solid #f5f4f2;
background: #fff;
text-align:center;
margin: auto;
}

.PictureList li a:hover img{background: #f1f1f1; border-color: #ccc}


/* SideBar ========================= */

#SideBar{
float: right;
width: 300px;
}

/* btn criar conta */

#CriarBtn a{
display: block;
text-indent: -9999999px;
height: 78px;
margin-bottom: 20px;
background-image: url(btn_criarconta.gif);
background-repeat: no-repeat;
background-position: 0 0;}

#CriarBtn a:hover{background-position: bottom left;}


/* blog ========================= */

.hfeed{}

.hentry{
border-bottom: 1px solid #f1f1f1;
margin-bottom: 20px;
padding-bottom: 20px;
}

.hentry .vcard{
float: left;
width: 140px;
font-size: 85%;}

.hentry .author{
font-size: 110%;
font-weight: bold;
margin-bottom: 5px;

}

.entry-content{
margin-left: 160px;}

.entry-content ul.more{
margin:0 0 10px 0;
float: left;
width: 460px;
}

.entry-content .more li{
float: left;
list-style: none;
}

.entry-content .more li a{
display: block;
font-size: 85%;
font-weight: bold;
text-transform: uppercase;
margin-right: 10px;
padding:2px 10px 2px 0;
border-right: 1px solid #ccc
}

.entry-content .more li:last-child a{border: none;}


/* brings back styles for entry elements */
.entry-content blockquote, .entry-content ul, .entry-content ol {margin:10px;}
.entry-content ol, .entry-content ul{margin-left:10px;}
.entry-content ol li {list-style: decimal inside;}
.entry-content ul li {list-style: disc inside;}
.entry-content strong{font-weight: bold;}
.entry-content em, .entry-content blockquote{font-style:italic;}
.entry-content blockquote{font-family:Georgia, Times, serif; color: #777;}




/* MainForm ========================= */

.MainForm{margin-bottom: 20px;}

.MainForm fieldset{
border-top: 1px solid #ccc;
margin-top: 20px;
}

.MainForm legend{
margin-left: 10px;
padding: 0 5px;
font-weight: bold;
text-transform: uppercase;
}

.MainForm ol{margin: 10px 0;}

.MainForm ol li{
margin: 0 0 10px 0;
border-bottom: 1px dotted #ccc;
padding-bottom: 10px;
}

.MainForm ol ul{
margin-left: 160px;}

.MainForm ol ul li{
margin: 0 0 5px 0;
border-bottom:none;
padding-bottom: 0px;
}

.MainForm ol li label{
float: left;
width: 160px;
padding-top: 5px;}

.MainForm ol li label.checkbox{
float: none;
width: auto;
margin-left: 160px;}

.formset{
  padding-left:160px;
  padding-bottom:2px;
}

.filtro ol li label{font-weight: bold;}

input[type="text"], input[type="password"], input[type="file"]{
border: 1px solid #ccc;
border-top: 2px solid #ccc;
padding: 3px;
font-weight: bold;
width: 200px;
background-color: #f1f1f1;
}

textarea{
border: 1px solid #ccc;
border-top: 2px solid #ccc;
padding: 3px;
font-weight: bold;
background-color: #f1f1f1;
}

.MainForm input.short{width: 35px;}

input[type="text"]:focus, input[type="password"]:focus, input[type="file"]:focus, textarea:focus{
color: #777!important;
border-color: #777;
background-color: #fff;
}

.MainForm input[type="submit"]{
margin-left: 160px;
padding: 5px 20px;}

.MainForm input[type="button"]{
margin-left: 160px;
padding: 5px 20px;}


.MainForm input.wrong{
border-color: #f00;
color: #f00!important;
background: #ffd5d5;
}

.MainForm input.ok{border-color: #080;}

.MainForm fieldset fieldset{
border: none;
margin-bottom: 10px;}

.MainForm fieldset fieldset legend{
margin-left: 0px;
padding: 0px 0 5px 0;
font-weight: normal;
text-transform: none;
color: #444;
}

.MainForm fieldset fieldset label{
text-align: left;
display: block;
width: auto;
float: none;
margin-left: 160px;
}

.MainForm select.multiple{width: 250px;}


.SmallForm input[type="submit"]{
margin-left: 10px;
padding: 5px 20px;}

.SmallForm input[type="button"]{
margin-left: 10px;
padding: 5px 20px;}

.SmallForm select{
width: 250px;
margin-left: 10px;
margin-bottom: 10px;
}

/* Avisos ========================= */

.aviso{
padding: 20px;
margin: 0 0 10px 0;
background: #fff8dd;
color: #444;
}
.error{font-weight:bold;}
.sucess{background: #deffa4;}

.aviso a{color: #6b5e2b; text-decoration: underline;}
.error a{color: #7a0000;}
.sucess a{color: #040;}

.aviso h5{
margin-bottom: 10px;
font-weight: bold;
font-size: 116%;
}

#error{padding:5px 10px 5px 10px; background:#ff0000;color:#FFF;}
#error a{color:#AAAAAA;}
/* Mp ========================= */

.MainTable tr.new{
background-color: #fff8dd;
}

.MainTable td li a{font-weight: bold;}

.MainTable td a.wrong{
font-size: 85%;
font-weight: bold;}

.MainTable td a img{
display: block;
padding: 1px;
border: 2px solid #f5f4f2;
background: #fff;
}

.MainTable td a:hover img{background: #f1f1f1; border-color: #ccc}

.MainTable li.date{
font-size: 85%;
color: #777;}

.action{margin-bottom: 5px;}

.action select{
border: 1px solid #ccc;
border-top-style: 2px;
}



/* Paginacion ========================= */

.pgn{
clear: both;
margin: 10px 0 10px -2px;
}

.pgn li{
float: left;
line-height: 22px;
color: #ccc;
}

.pgn li a{
display: block;
border: 1px solid #ccc;
padding: 0px 6px;
margin: 0 2px 5px 2px;
color: #777;
text-decoration: none;
}

.pgn li a:hover{
background: #ccc;
color: #222;
}

.current{
background: #ccc;
border-color: #ccc;
color: #fff;
}


/* Footer ========================= */

#footer{
background:  url(bg_footer.jpg) no-repeat bottom center;
clear: both;
padding: 20px 20px 10px 20px;
margin-bottom: 10px;
}

#footer p{
margin-bottom: 5px;
font-size: 85%;
}

.FooterInfo {margin-bottom: 10px;}

.FooterInfo h2{
float: left;
width: 120px;
font-size: 100%;}

.FooterInfo ul{float: left;}

.FooterInfo ul li{float: left;}

.FooterInfo ul li a{
display: block;
margin-right: 5px;
padding-right: 5px;
border-right: 1px solid #ccc;}

.FooterInfo ul li:last-child a{border: none;}


/* Clear Fix ========================= */

#header:after, #content:after, .module:after, #SubNav:after, #MainNav:after, #NavBar:after, .community:after, .FooterInfo:after, .MainForm li:after, .comment:after,  #rated:after, #MpMenu:after, .hentry:after, #rate:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html #header, * html #content, * html .module, * html #SubNav, * html #MainNav, * html #NavBar, * html .community, * html .FooterInfo, * html .MainForm li, * html .comment, * html #rated, * html #MpMenu, * html .hentry, * html #rate{display: inline-table;}

/* Hides from IE-mac \*/
#header, #content, .module, #SubNav, #MainNav, #NavBar, .community, .FooterInfo, .MainForm li, .comment, #rated, #MpMenu, .hentry, #rate {height: 1%;}
#header, #content, .module, #SubNav, #MainNav, #NavBar, .community, .FooterInfo, .MainForm li, .comment, #rated, #MpMenu, .hentry, #rate {display: block;}
/* End hide from IE-mac */


/* IE6 hacks */

* html .user, * html #SubNav li, * html #SubNav li.active, * html #SubNav form, * html .enquente, * html .video, * html #main .music, * html .PictureList li{display: inline;}

* html #MainNav li a{display: inline-block}

* html #ProfileTools li a, * html .tool a, * html #InnerMenu li a, * html .categories li a{height: 1%;}

* html .VideoTime{
top: 5px;
bottom: auto;}

* html #ProfileInfo dd{
position:relative;
width: 270px;
}



/* IE6 and IE7 hacks */

#SubNav{*height: 40px;}
.MainForm ol ul{*display: inline-block}

#rate{*margin-bottom: 3px;}

#rate li, #rate p{*height: 25px;}

.secheader fieldset{
/*border-top: 1px solid #ccc;*/
margin-top: 20px;
}

.secheader legend{
margin-left: 10px;
padding: 0 5px;
font-weight: bold;
text-transform: uppercase;
}

.list{
  width:100%;
}
.list-header{
  font-weight:bold;
  font-size: 110%;
  padding-top:10px;
}

/* tags */
.tagCloud {
	padding: 3px;
	text-align:center;
}
.tagCloud a{
	color: #444444;
	text-decoration:none;
}
.tagCloud a:hover {
	color: #FE8F1D;
	text-decoration:underline;
}

.invite_msg{
  padding-left: 320px;
}

/*Forum*/
.forum_action{
  padding-top:10px;
}

.forum_action ul{
  list-style: none;
}

.forum_action ul li{
  display: inline;
}

.forum_action ul li a {
  float: left;
}

.forum_action a{
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
padding: 2px 10px 2px 20px;
color: #777;
background-position: left center;
background-repeat: no-repeat;
display: block;
font-size: 11px;
}

.forum_action a:hover{text-decoration: underline;}

.forum_posted{
  font-weight:bold;
}
.forum_quote{
  background-color: #F1F1F1;
  padding: 5px 5px 5px 5px;
  margin-bottom: 5px
}
.forum-button{
	border: 1px solid #000000;
	background-color: #FFFFFF;
	color: #666666;
	font-family : Tahome, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding:5px;
	cursor:pointer;
	float:left;
	margin:2px;
}

.pad{
  padding-left: 160px;
}

.leftbox{
  padding-top:10px;
  margin-top: 5px;
  margin-right: 5px;
  border-top: 1px solid #ccc;
}

.leftbox h2{
  font-size:115%;  
}

.news h2{
  font-size: 115%;
  font-weight:bold;
}

ul.card-member-list{
	padding:0;
	margin:0;
	white-space:nowrap;
	list-style-type:none;
	list-style-position: outside;
}
li.card-member-item{
	display:inline;
	background: url('arrow.gif') 5px no-repeat ;
	padding-left:10px;
}

/* Report ======================*/

.formelementreport{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align:left;
  padding-bottom: 5px;
}

.formeinputreport input[type="text"], .formeinputreport img{
  margin-left: 145px;
  margin-bottom: 10px;
}

.formreportlabel{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align:left;
  padding-bottom: 5px;
  padding-left: 23px;
}


.formreportlabel textarea{
  margin-left: 47px;
}

.formelementreport_details{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	width: 500px;
	color: #666666;	
	text-align:left;
	padding-left: 23px;
  padding-bottom: 10px;
}

.terms ul{
  list-style: circle;
  padding-left: 50px;
}

.terms ul li{
  padding-bottom: 5px;
}

/* Banners ======================*/

.banner-header{
	padding: 10px 0 10px 0;
	text-align:center;
}
.banner-header img{
  border: 1px solid #CCCCCC;
}

.banner-side{
	padding: 0 0 10px 0;
	text-align:center;
}
.banner-side img{
  margin: 0 0 2px 0;
  border: 1px solid #CCCCCC;
}
.banner-partner{
  float: left;
  padding: 10px 10px 10px 10px;
}
.partners_main{
  text-align:center;
}

.banner-partner img{
  border: 3px solid #F5F4F2;
}
.banner-partner img:hover{
  border: 3px solid #CCCCCC;
}

.partner-side-top{
  float: left;
  /*padding: 0 10px 0 10px;*/
}
.partner-side-top img{
  border: 1px solid #CCCCCC;
  margin: 10px;
}