@charset "utf-8";
/* CSS Document */

/*#wrap{ width:960px; margin:0 auto;}*/

#content_community{width:940px; margin:0 auto; padding-top:10px;}

#railway-community{ 
height:26px;
padding:0px 10px 0 5px;
margin:0 0 10px 0;
border-top:1px solid white;
background:url(/images/railway-repeat.gif) 0 0 repeat-x;
}

#community-login{
float:left;
width:650px;
}

#community-login div
{
float:left;
padding:3px 0 0 10px;
width:auto;
}

#community-login div a {text-decoration:none;}


#community-login span.errors
{
margin-right:20px;
font-weight:bold;
color:#E4513E;
}

#community-login input{ float:left;}

#btn-register
{
margin-left:5px;
}
#com-username, #com-password{
margin:0px;padding:0px;
margin:0 10px 0 0;
padding:2px 0 0 2px;
width:100px; 
height:13px; 
font-size:11px;
}

#community-logged
{
float:right;
width:450px;
text-align:right;
vertical-align:middle;
}

/*#content
_____________________________________________________________________________________*/

#welcome{ 
font-size:13px;
margin-bottom:15px;
padding:0 0 1px 0;
background:url(/images/dots.gif) 0 100% repeat-x
}

#photo-result
{ 
width:100%;
float:right;
}


ul.com-latest{
margin:0px;padding:0px;
position: relative;
}

ul.com-latest li {
/*background:transparent url(/images/community/display-bround.gif) repeat scroll 0 0;*/
display:inline;
float:left;
height:182px;
margin:0 15px 12px 0;
overflow:hidden;
position:relative;
text-align:center;
width:292px;
border:1px solid #c9c2ad;
background-color:#e4e0d3;
}

ul.com-latest li a.bird-pic {
height: 143px;
width: 143px;
position: absolute;
border: 1px solid #999;
top: 20px;
left: 19px;
}

ul.com-latest li a.bird-pic:hover {
border: 1px solid #333;
}

ul.com-latest li h2, ul.com-latest li p{
position: absolute;
width: 102px;
right: 12px;
top: 18px;
height: 50px;
overflow: hidden;
}

ul.com-latest li h2 a{ 
color:#3A3A3A; 
font-weight:normal; 
text-decoration:none;
}

ul.com-latest li p{
height: 20px;
top: 80px;
}

ul.com-latest li a.userpic{
width: 50px;
height: 50px;
display: block;
position: absolute;
border: 1px solid #3c302b;
right: 37px;
top: 110px;
}

#pagenation{
clear:both;
width:930px;
height:30px;
}

#community-profile-right #pagenation
{
width:auto;
}
#pagenation p{ float:right;}

#pagenation a{
display:block;
float:left;
text-decoration:none;
padding:3px 6px 3px 6px;
margin:0 1px 0 0;
background-color:#E2E2E2;
}

#pagenation a:hover{ background-color:#D1CFCF;}

#community-profilebar{
float:left;
padding:20px 0 0 0;
margin:0 40px 0 0;
width:200px;
}

#community-profilebar-pic{
margin:0px;padding:0px;
background-color:#434040;
border:1px solid #434040;

}

#community-profilebar-pic h2{
margin:0px; padding:0px;
padding:3px 0 5px 5px;
font-weight:normal; 
color:white;
}


.userinfo{
margin:0px; padding:0px;
width:200px;
border:none;
border:0px;
}

tr{
margin:0px; padding:0px;
border:none;
border:0px;
border-style: none none none none;
}

.userinfo th {
margin:0px; padding:0px;
border: 1px solid white;
border-style: solid none none none;
background: #333;
font-weight:normal;
text-align:left;
color:white;
}

.userinfo td {
margin:0px; padding:0px;
border: 1px solid white;
border-style: solid none none none;
background: #DDD;
}

.userinfo th, .userinfo td{ padding:4px;}

#community-profile-right{ 
float:left;
padding:20px 0 0 0;
width:700px;
}

#community-subnav{
height:27px;
margin-bottom:15px;
border-bottom:1px solid #CCCCCC;
}

#community-subnav a{
display:block;
float:left;
padding:7px 15px 0 15px;
height:20px;
border:1px solid #CCCCCC;
border-bottom:none;
border-right:none;
color:#6A6868;
text-decoration:none;
background:url(/images/community/subnav-repeat.gif) 0 1px repeat-x;
}

#community-subnav .right{ border-right:1px solid #CCCCCC;}

#community-subnav .current{
color:#000;
background:url(/images/community/subnav-blank.gif) 0 1px repeat-x;
}

#community-subnav a:hover{color:#000;}

/*#community-profile-pic
___________________________________________________________________*/

#community-profile-pic{
float:left;
width:510px;
}

#community-profile-pic h3.border{
border-top:1px solid #D5D5D5;
padding-top:5px;
}
#community-profile-pic p.border
{
border-bottom:1px solid #D5D5D5;
padding-bottom:10px;
}
#community-profile-pic .bold
{
font-weight:bold;
}

#community-profile-right #community-profile-pic{
float:left;
width:700px;
}

#community-profile-pic.profile, #community-profile-right #community-profile-pic.profile {width:700px;}

#community-profile-pic h2{ 
font: 20px Arial, Helvetica, sans-serif;
background:#F7F5EF;
color:#333;
}
#latest-comments h3{ 
margin:0;padding:0;
}

#community-profile-pic .photo{ 
border:5px solid #E2E2E2;
margin-bottom:10px;
}

#community-profile-pic h3{ 
font-size:13px; 
font-weight:normal;
color:#000;
}

#community-profile-pic #user-left
{
float:left;
width:400px;

margin:0;padding:0;
}

#community-profile-pic .lastest h3
{ 
padding:5px 0 5px 10px;
background-color:#E8F8FC;
border-top:1px solid #B3D1D9;
font-size:11px;
color:#373737;
margin-bottom:10px;
}
#community-profile-pic .comments h3
{ 
margin-bottom:0;
}


.photos-album
{
width:100%;
float:left;
margin-bottom:20px;
}
.photos-album li
{
width:180px;
display:block;
float:left;
margin-right:10px;
padding:5px 0 5px 5px;
}

.photos-album li a img
{
border:1px solid #000;
}


#user-left a, #user-right a
{text-decoration:none;}

#user-left h3 a, #user-right h3 a
{text-decoration:underline;}

/*
#latest-album
*/
#latest-album, #latest-comments
{
float:left;
width:380px;
padding-bottom:40px;
border-right:1px solid #DCDCDC;
}
#latest-album div
{
float:left;
width:170px;
margin:0 20px 10px 5px;
color:#8E8E8E;
}


#latest-album div img
{
float:left;
width:70px;
height:70px;
padding:3px;
border:1px solid #DCDCDC;
margin:0 10px 0 0;
}

/*
#latest-comments
*/
#latest-comments {margin:0px;padding:0px;}
#latest-comments h3 {font-weight:bold;}
#more-comments 
{   
width:100%;
float:left;
margin-top:20px;
text-align:right;
}
#all-comments
{
margin-top:10px;
}
#all-comments div
{
float:left;
width:100%;
margin:10px 0 0 0;
padding:0 0 5px 5px;
border-bottom:1px solid #DADADA;

}
#all-comments img
{
float:left;
width:50px;
height:50px;
margin:0 10px 0 0;
padding:0;
}
#all-comments p
{
width:300px;
float:left;
}

#all-comments p span
{
padding:2px 0 2px 2px;
display:block;
background-color:#F7F7F7;
border-top:1px solid #B7B7B7;
}

#community-profile-pic #user-right
{
float:right;
width:300px;
}

/*
#latest-fav
*/
#latest-fav
{   
width:294px;
float:left;
border-bottom:1px solid #DCDCDC;
}

#latest-fav h3
{   
/*width:100%;*/
}

#latest-fav p
{
float:left;
width:auto;
margin:0;padding:0;
}
#latest-fav img
{
width:70px;
height:70px;
padding:3px;
margin:0 30px 10px 0;
border:1px solid #DCDCDC;
}

#latest-fav .fav-right img
{
margin:0 0 10px 0;
}

#latest-album div img:hover, #latest-fav img:hover
{
border:1px solid #AEAEAE;
}





/*community-profile-about
___________________________________________________________________*/
#community-profile-about{margin-top:15px;background-color:#DDD;font: 11px Tahoma,Arial, Helvetica, sans-serif; color:white;color:#000;}
.community-profile-about {margin-bottom:10px;}
#community-profile-about h3, .community-profile-about h3{color:#FFF;background-color:#333;font: 12px Tahoma,Arial, Helvetica, sans-serif; color:white;border-bottom:1px solid #FFF;padding:2px;}
.community-profile-about h3{border-bottom:none;margin:0;}
.community-profile-about th {width:76px;}
#community-profile-about p{padding:2px;}


#community-comments{}
#community-comments div{ width:100%;min-height:70px;margin:0 0 15px 0;background:url(/images/dots.gif) 0 100% repeat-x;}
#community-comments h3{padding:4px 0 4px 5px;margin-bottom:10px;background-color:#E2E2E2;}
#community-comments img{ float:left;margin:0 5px 15px 0;border:3px solid #E2E2E2;}
#community-comments p{ padding:0 0 5px 0;margin:0 0 0 70px;}
#post-comment{padding:10px;background-color:#E2E2E2;}
#community-comment{}
#com-comment{ width:100%;height:100px;margin-bottom:10px;border:1px solid #D2D2D2;padding:2px;}
.img-thumb{border:2px solid #D2D2D2;}
.comment-send{float:none;}

/*
Tag cloud
*/
#alphacloud a { line-height: 1.4em; padding-right: 0.4em;}
.s1 { font-size: 70%; }
.s2 { font-size: 80%; }
.s3 { font-size: 90%; }
.s4 { font-size: 105%; }
.s5 { font-size: 120%; }
.s6 { font-size: 135%; }
.s7 { font-size: 155%; }
.s8 { font-size: 170%; }
.s9 { font-size: 185%; }
.s10 { font-size: 200%; }

/*
Sort Images 
*/
div#imageFloatContainer {float:left;border: 1px solid #ccc;width: 662px;}
div#imageFloatContainer div {border: 1px solid #ccc;margin: 5px;padding: 2px;cursor: move;}
div#imageFloatContainer {}
div#imageFloatContainer img {cursor: move;display: block;margin: 5px 0px;border: 1px solid #000000;}
div#imageFloatContainer {border: 1px solid #ccc;}
div#imageFloatContainer img {float: left;margin: 10px;border: 1px solid #000000;}


#ifrwebmail {width:100%;height:600px;}
