/*
 * Layout Section
 * -----------------------
 * This section contains all the essential parts for
 * divs and such.
 */

body {font-family: sans-serif; color: #404040; background: #d4d4d4 url('background10.png') ; margin: 0px}

a {color: #183152; text-decoration: none; font-weight: bolder; cursor: pointer;}

p {padding: 0px;}

 


div.debug {left: 0px; position: relative; z-index: 99999999999; background: #ff0; margin-bottom: 100px; padding: 20px;
top: 300px;}


span.title {font-size: larger}

.floatRight {float: right;}

.floatLeft {float: left;}

.swiff-uploader-box {cursor: pointer;}

.tooltip {max-width: 250px; padding: 15px; 
	   -moz-box-shadow: #311 1px 1px 5px;
	    -webkit-box-shadow: #311 1px 1px 5px;
	    box-shadow: #311 1px 1px 5px;}

.ads {border: #ddd 1px solid;
    padding: 5px;
    margin-top: 600px;
    display: block;
     -moz-border-radius: 2px; /* FF1+ */
  -webkit-border-radius: 2px; /* Saf3+, Chrome */
          border-radius: 2px; /* Opera 10.5, IE 9 */} }

.postSelf {background: #ccc; padding: 2px;

     -moz-border-radius: 2px; /* FF1+ */
  -webkit-border-radius: 2px; /* Saf3+, Chrome */
          border-radius: 2px; /* Opera 10.5, IE 9 */
}

.postMod {background: #87A4BE; padding: 2px; 
     -moz-border-radius: 2px; /* FF1+ */
  -webkit-border-radius: 2px; /* Saf3+, Chrome */
          border-radius: 2px; /* Opera 10.5, IE 9 */}

.tblPost {width: 100%;}

li {margin-bottom: 10px;}

ul.limenu {
	    text-align: center;
	    list-style-type: none;
	    padding-left: 0px;
	    }

.BlurbSizeCount {font-size: smaller; font-weight: bolder; text-align: right; right: 0px; position: relative}

div.head {background: #183152 url(head2.png) repeat-x;
          top: 0px; height: 85px; left: 80px; right: 80px;
          font-size: small; overflow: hidden;
	  vertical-align: middle;
	  padding-left: 180px;
	  line-height: 40px;
	  border-left: 1px solid #666;
   	  border-right: 1px solid #666;
	  border-bottom: 1px solid #666;
    z-index: 2;


          position: absolute;}
div.head a {color: #A8B864;}

.headLogoText {color: #b2b2b2; font-size: smaller; font-weight: bold; height: 20px;
padding-left: 15px; border-top: 1px solid #333; text-align: right;
position: absolute; top: 66px; left: 80px; right: 80px; z-index:3; overflow: hidden}

div.subhead {top: 76px; left: 80px; right: 80px; position: absolute;
    background: #5E7A9F url(userbar2.png) repeat-x; height: 40px;
    overflow: hidden;
    font-size: small;
    margin: 13px 0px;
    z-index: 1;
    color: #bbb;
    padding: 0px 0px;
	  border: 1px solid #666;
     -moz-border-radius: 8px; /* FF1+ */
  -webkit-border-radius: 8px; /* Saf3+, Chrome */
          border-radius: 8px; /* Opera 10.5, IE 9 */

}

	.subhead ul li span { 
		padding: 0px 0px 50px 3px;
		margin-top: 0px;
		top: 0px;
		height: 100%;
	}
			
        .joineditem {
		float: left;
		}
		
        .joineditem a {padding: 0px 0px 0px 3px; top: 0px; border-left: 1px solid #183152;}
	
	.subhead ul 
	{
	    list-style-type: none;
	    position: absolute;
	    width: 100%;
	    left: -35px;
	    
	}   
	.subhead ul li
	{
	    padding: 0px;
	    display: inline;
	}
	
	
div.subhead a {color: #d4d4d4;}
   
span.browserTopButton {background: #A6B864;
    position: absolute; top: 0px; right: 5px;  padding: 0px;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    padding: 7px 5px;
    color: #5E7A9F;
    line-height: 25px;
    vertical-align: middle;
    text-align: center;
    height: 100%;
    -moz-box-shadow: inset #311 1px 1px 5px;
     -webkit-box-shadow: inset #311 1px 1px 5px;
     box-shadow: inset #311 1px 1px 5px;
    }
    
span.browserTopButton a {color: #183152}
	
	    
	
	

	
		  
div.userhead {top: 65px; left: 80px; right: 80px; position: absolute;
    background: #40536C;
   
    height: 25px; padding: 3px 0px 0px 0px;

    border: 1px solid #666;
    
    color: #B89248;
    z-index: 2;
    font-size: smaller;

}

.ajax img {vertical-align: middle;}

div.userhead img { margin-top: 1px; height: 16px;}

div.headshadow {position: absolute; left: 80px; right: 80px; height: 140px; top: -10px;


     -moz-border-radius: 8px; /* FF1+ */
  -webkit-border-radius: 8px; /* Saf3+, Chrome */
          border-radius: 8px; /* Opera 10.5, IE 9 */
    -moz-box-shadow: 1px 1px 4px #2c363f; /* FF3.5+ */
  -webkit-box-shadow: 1px 1px 4px #2c363f; /* Saf3.0+, Chrome */
          box-shadow: 1px 1px 4px #2c363f; /* Opera 10.5, IE 9.0 */
					     }

div.userhead a {color: #A8B864; padding: 0px 3px; border-left: 1px solid #183152;}

div.headlogo {position: absolute; left: 70px; top: -7px; z-index: 44;}  
          
    /*elements in header*/
    span.topBarChooser {font-weight: bolder; cursor: pointer;}
    
    span.topBarData {}
    
    span.topBarData a {color: #300;}
    
    span.recent {height: 25px;}
        
    div.sideMenu  {left: 15px; top: 92px; position: absolute; 
                width: 200px; float: left;
                z-index: 25; padding: 10px;
		font-size: smaller;
		
                }
                
	span.sideBar {font-size: smaller; position: relative; padding-top: 15px;
	    padding-left: 10px; display: block; padding-bottom: 10px;}	

div.buddylist {left: 0px; top: 55px; position: static; background: url("loginBox.png") #b9ed63 repeat-x;
                width: 160px; 
                padding: 5px; z-index: 30; padding: 10px;
                -moz-border-radius: 10px;
                -webkit-border-radius: 10px;
                border-left: 1px solid #666;
                border-right: 1px solid #666;
                border-bottom: 1px solid #666;
                border-top: 0px;}
		
div.headads {top: 140px; position: relative; margin-left: auto; margin-right: auto;
width: 486px;
margin-bottom: 20px;}

span.header {display: block; margin-bottom: 20px; border: 1px solid #ccc; background: #eee; padding: 5px;
     -moz-border-radius: 12px; /* FF1+ */
  -webkit-border-radius: 12px; /* Saf3+, Chrome */
          border-radius: 12px; /* Opera 10.5, IE 9 */
 }

.ytoverlay {}

.ytimg {display: none;}

span.newUserBlurb {font-size: small; margin-top: 20px; width: 100%; text-align: center; display: block;}

div.menu {
                left: 0px; right: 80px;
                position: absolute; top: 180px; height: 10px;}
                
	/*span.loginForm {width: 180px; padding: 20px; top: 10px; position: relative; }*/
	
	.menuItems ul li span { 
		height: 15px;
		padding: 5px 15px;
		display: inline;
	}
	
	.menuItems ul li {
		display: inline;}
	
        .menuitem.menuSelected {
		float: left;
		vertical-align: middle;
		}
		
        .menuitem {
		float: left;
		vertical-align: middle;
		background: #40536C;
		border: 1px solid #666;
		margin: 0px -4px;
		display: inline;
		text-shadow: inset 0 0px 2px #666;
		-moz-text-shadow: inset 0 0px 2px #666;

     -moz-border-radius: 8px; /* FF1+ */
  -webkit-border-radius: 8px; /* Saf3+, Chrome */
          border-radius: 8px; /* Opera 10.5, IE 9 */

     -moz-box-shadow: 1px 1px 4px #2c363f; /* FF3.5+ */
  -webkit-box-shadow: 1px 1px 4px #2c363f; /* Saf3.0+, Chrome */
          box-shadow: 1px 1px 4px #2c363f; /* Opera 10.5, IE 9.0 */
		}
                     
	.menuItems ul 
	{
	    text-align: center;
	    list-style-type: none;
	    padding-left: 0px;
	}
	
	
   
	.menuitem a {border-left: 0px solid #300; color: #d4d4d4; padding: 0px;
          
	  
	font-size: small;
	    }
	    
	.menuitem a.menuSelected {border-left: 0px solid #300; color: #A8B864; padding: 0px;
          
	text-shadow: #644 1px 1px 1px;
	font-size: small;
	
	    }
	    
	    
	.menuItems {display: block;
	    text-align: center; vertical-align: middle; position: relative; bottom: -1px;
	    top: -210px; height: 30px;
		left: 0px; right: 0px;}
	    
	.logRegBox {position: absolute;
	    color: #eee;
	    left: 100px; right: 100px;
	    top: 120px;
	    display: none;
	    padding: 20px 0px;
	    background: #11243d url(head.png) repeat-x;
	    border: 1px solid #666;
	    -moz-border-radius-bottomleft: 10px;
	    -moz-border-radius-bottomright: 10px;
	    -webkit-border-radius-bottomleft: 10px;
	    -webkit-border-radius-bottomright: 10px;
	    font-size: smaller;
	    z-index: 260;
     -moz-box-shadow: 1px 1px 4px #2c363f; /* FF3.5+ */
  -webkit-box-shadow: 1px 1px 4px #2c363f; /* Saf3.0+, Chrome */
          box-shadow: 1px 1px 4px #2c363f; /* Opera 10.5, IE 9.0 */
	    }
	    
	    .logRegBox a {color: #a8b864;}
	    
	    .logRegBoxHolder {position: relative; top: 0px; display: inline;
	    margin-right: auto; margin-left: auto; display: block; width: 700px;} 
	    
	    .logRegBoxLogin { display: inline;}
	    
	    .logRegBoxLogin form {display: inline; margin: 0; padding: 0}
	    .logRegBoxLogin button {display: inline; margin: 0;}
	    
	    .inline {display: inline; margin: 0; padding: 0}
	    
	    
	    table.logRegBox td {vertical-align: top; padding: 20px; width: 40%}
	    
	    .logRegBox img {vertical-align: middle; border: 0px;}
	
        span.menusearch {right: 10px; position: absolute; padding: 5px;}
        
	img.logo {float: left; margin-left: 20px; margin-top: 12px; border: none;}
	
	a.logRegClose {top: 10px; position: absolute; right: 5px; margin-bottom: 40px}
	
div.body { color: #333; left: 80px; margin-right: 160px;
          z-index: 0; 
          top: 180px; padding-bottom: 10px;
	  background: #ffffff url(contentsback2.png);
	  padding-top: 0px;
	  padding-left: 20px;
	  padding-right: 20px;
	  border: 1px solid #ccc;
	  
     -moz-box-shadow: 1px 1px 6px #2c363f; /* FF3.5+ */
  -webkit-box-shadow: 1px 1px 6px #2c363f; /* Saf3.0+, Chrome */
          box-shadow: 1px 1px 6px #2c363f; /* Opera 10.5, IE 9.0 */

     -moz-border-radius: 12px; /* FF1+ */
  -webkit-border-radius: 12px; /* Saf3+, Chrome */
          border-radius: 12px; /* Opera 10.5, IE 9 */

	  position: relative;}
          
          
        span.bodyRighShadow {bottom: 10px; width: 10px; right: -10px; top: 0px; position: absolute; 
            background: url('shadowRight.png') repeat-y;}
            
        span.bodyBottomShadow {bottom: -10px; height: 10px; right: 10px; left: 10px; position: absolute; 
            background: url('shadowBottom.png') repeat-x;            
        }
    
        span.bodyBRCornerShadow {width: 20px; height: 20px; bottom: -10px; right: -10px; 
            background: url('shadowBRCorner.png') no-repeat; position: absolute; z-index: -1;
        }
          
        div.ageBar {
            border: 0px #ccc solid; 
            font-size: smaller;
            -moz-border-radius: 3px;
            width: 100%; left: 0px;
            text-align: center;
	    margin-bottom: 20px;
	    top: 20px; padding: 2px;}
          
div.footer {margin-left: 50px; margin-right: 50px; padding: 10px; position: relative; color: #ccc;
        margin-bottom: 200px; top: 250px; text-align: center; z-index: 1;}
          
span.alpha {left: 100px; width: 100%; position: relative;}

small.popDesc {width: 325px; height: 10px; overflow: hidden; line-height: 10px;}
          
div.popup {background:  url(tooltip11.png) #40536C repeat-x; bottom: -50px; left: 40px; right: 40px;
            padding: 20px;
	    -moz-border-radius-topright: 15px;
	    -moz-border-radius-topleft: 15px;
	    border: 1px solid #666;
	    color: #eee;
	    text-shadow: #311 3px 3px 10px;
	   -moz-box-shadow: #311 3px 3px 10px;
            font-weight: 900;
            font-size: smaller;
            filter:alpha(opacity=90);
            -moz-opacity:0.9;
            -khtml-opacity: 0.9;
            opacity: 0.9;
	    visibility: hidden;
            z-index: 100000; position: fixed;  text-align: center;}
            
        div.popup a {color: #eee; font-size: smaller;}
        span.popupmsg {}
        span.popupclose {width: 50px; height: 100%; right: 0px; position: absolute;
                        background: url(accept.png) transparent no-repeat;}

div.postCategoryPopup {position: relative; margin-right: 75px;
                        padding: 10px;
			color: #ccc;
                        z-index: 99999999;
			font-size: small;}
			
    div.postCategoryPopup small {font-size: xx-small; display: block; margin-bottom: 7px;}
        
    .popsel {text-shadow: #cdd7e2 1px 1px 10px; color: #fff;}
                        
    span.postCategoryPopupHeader {width: 100%; text-align: center; display: block; font-size: larger; margin-bottom: 20px;}
    
    
div.post {
	    padding-top: 3px;
	    margin-top: 10px;
	    left: 0px; margin-right: 0px;
            min-height: 100px; margin-bottom: 40px; 
            position: relative; font-size: small;
	    vertical-align: top;
	    top: 0px;
     -moz-border-radius: 8px; /* FF1+ */
  -webkit-border-radius: 8px; /* Saf3+, Chrome */
          border-radius: 8px; /* Opera 10.5, IE 9 */
	    }    
    
div.cpost {
	    padding-top: 3px;
	    margin-top: 0px;
	    left: 0px; margin-right: 0px;
            margin-bottom: 10px; 
            position: relative; font-size: small;
	    vertical-align: top;
	    top: 0px;
     -moz-border-radius: 8px; /* FF1+ */
  -webkit-border-radius: 8px; /* Saf3+, Chrome */
          border-radius: 8px; /* Opera 10.5, IE 9 */
	    }
	    
.new {background: #ddecd7;}
	    
span.attachments { padding: 10px; float: left;
     vertical-align: top;
    font-size: small;
     -moz-border-radius: 8px; /* FF1+ */
  -webkit-border-radius: 8px; /* Saf3+, Chrome */
          border-radius: 8px; /* Opera 10.5, IE 9 */
}
    
/* div.attachments img {padding: 10px; border: none;} */

.attachmentOverlay {background: url(tooltip11.png) #40536C repeat-x; text-align: center; font-size: smaller; color: #eee;}
.attachmentOverlay a {color: #eee;}

div.attachments table td {vertical-align: top; padding: 3px;}

    
div.post_NEW {width: 100%; -moz-border-radius: 5px;
	background: #d0e1b1;
	    padding-top: 10px;
            min-height: 100px; margin-bottom: 70px; 
            position: relative; font-size: small;}

            
        span.upvoteComment {width: 30px; height: 15px;
            cursor: pointer ; background: url("upvoteArrow.png") no-repeat;}
        span.downvoteComment {width: 30px; height: 15px; 
            
            cursor: pointer ; background: url("downvoteArrow.png") no-repeat;}
            
        span.post {vertical-align: text-top; }
        
	span.quote {background: #ddd; -moz-border-radius: 4px; border: 1px solid #666;}
        
        span.comment {background: url("commentIcon.png") no-repeat;
            height: 20px;  margin-right: 10px; padding-left: 23px; }
            
        span.share {margin-right: 10px; }
        span.blurb {padding: 10px;}
	
	span.breadCrumb {font-size: small; padding: 7px;
	margin-left: 15px; color: #444; text-align: right;
	position: absolute; right: 10px; top: 10px;
	 -moz-border-radius: 4px;}
	
        
div.comment {border: 1px solid #CCC; font-size: small;
	
	position: relative;}

        .commentReplyButton {font-size: smaller; right: 0px; display: block;}
	
	.commentReply {margin-bottom: 10px; display: none; padding-left: 15px; padding-top: 0px;}
	
	.commentControl {position: relative; font-size: x-small;  margin-bottom: 0px; margin-left: -10px;}
	
table.comment {padding: 0px;}

.dashStats {font-size: smaller; width: 250px;}
.dashStatus ul {list-style-type: none;}
.dashNew {font-size: smaller; width: 250px;}
.dashBuddies {font-size: smaller; width: 250px;}
.dashNews {width: 70%}

.dashLeftStuff {width: 30%; right: 0px; position: absolute;}

.landingQuestions {width: 400px; float: left; padding-right: 15px;}

div.browserEntry { margin-bottom: 30px;}
div.browserEntry img {float: left; vertical-align: middle;border: 0px;}

span.browserTitle {display: block; font-size: larger; font-weight: bolder;}
span.browserDetails {display: block; font-size: smaller; padding-left: 40px;}

span.profileFriendsList {
    display: block;
    margin-top: 50px;
}

span.profileHead {display: block; padding: 10px; -moz-border-radius: 5px;}

table.imgWithCap td {vertical-align: top; padding: 10px;}

table.imgWithCap {display: inline;}

div.toolbar {
    background: #8e8e8e url(userbar2.png) repeat-x;
    padding-top: 6px;
    padding-bottom: 6px;
    border: 1px solid #666;
     -moz-border-radius: 6px; /* FF1+ */
  -webkit-border-radius: 6px; /* Saf3+, Chrome */
          border-radius: 6px; /* Opera 10.5, IE 9 */
}

div.toolbar span {border-top: 1px solid #7f9131;
   background: #d1df98;
   background: -webkit-gradient(linear, left top, left bottom, from(#a4b26b), to(#d1df98));
   background: -webkit-linear-gradient(top, #a4b26b, #d1df98);
   background: -moz-linear-gradient(top, #a4b26b, #d1df98);
   background: -ms-linear-gradient(top, #a4b26b, #d1df98);
   background: -o-linear-gradient(top, #a4b26b, #d1df98);
   padding: 3.5px 7px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 13px;
   font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   margin-left: 5px;
}

    
div.toolbar span:hover {
   border-top-color: #e7efc5;
   background: #e7efc5;
   color: #ccc;
}

div.editDropdown {background-color: #11243d;

background-image: url("head.png");

background-repeat: repeat-x;

color: #cccccc; z-index: 10;
font-size: smaller; border: 1px solid #eee; padding-bottom: 15px; width: 100%; padding: 10px;}

div.editDropdown a {color: #a8b864;}

div.editDropdown em{font-weight: bolder; display: block;}

a.editBarSubmenu {padding: 4px; border: 1px outset #ccc; -moz-border-radius: 3px; font-size: smaller;
margin-top: 10px; margin-left: 10px;}

div.centerad {position: relative; top: 70px;}

em.category {font-weight: bold; font-size: larger; display: block; padding-top: 50px;}

span.catDescription {font-size: smaller;}

.intro {font-size: smaller; margin-bottom: 10px; display: block;}

span.copyright {font-size: xx-small; color: #555; }


span.messageBody {display: block; padding: 10px 5px; }

span.bottomPageNav {display: block; padding-top: 10px; text-align: left; font-size: large;}

form.inputForm {}

img {border: 0px;}

img.emoticonSel {padding: 3px; border: 0px;}

img.emoticonSel:hover {padding: 3px; background: #999; -moz-border-radius: 4px; border: 0px;}

/*
 ul {margin: 0px; font-size: small; font-style: italic;}
*/

ul.welcome {}

ul.welcome li {list-style: none;margin-bottom: 40px;}



span.step {padding: 1px;
	    color: #fff;
	    height: 20px;
	    width: 32px;
	    float: left;
	    text-align: center;
	    background: #5E7A9F url(userbar2.png);
     -moz-border-radius: 8px; /* FF1+ */
  -webkit-border-radius: 8px; /* Saf3+, Chrome */
          border-radius: 8px; /* Opera 10.5, IE 9 */
     -moz-box-shadow: 1px 1px 4px #2c363f; /* FF3.5+ */
  -webkit-box-shadow: 1px 1px 4px #2c363f; /* Saf3.0+, Chrome */
          box-shadow: 1px 1px 4px #2c363f; /* Opera 10.5, IE 9.0 */
	    margin: 0px 5px 10px 0px;

}


table.post {padding-left: 5px; padding-right: 5px; width: 100%; height: 100%;}

table.post td {vertical-align: top;}

table.postBlurb {width: 100%; height: 100%; }

table.postButtons {width: 65px;
border: 1px solid #666;
margin-top: 10px;
background: url(tooltip11.png) #40536C repeat-x;
     -moz-border-radius: 8px; /* FF1+ */
  -webkit-border-radius: 8px; /* Saf3+, Chrome */
          border-radius: 8px; /* Opera 10.5, IE 9 */
			        
	   -moz-box-shadow: #311 1px 1px 5px;
	    -webkit-box-shadow: #311 1px 1px 10px;
	    box-shadow: #311 1px 1px 10px;

}


td.postButton {
    width: 100%; height: 12px; text-align: center;
    border: 1px solid #999;
    
    background: url(favBar3r.png) repeat-x;

  background-image: -moz-linear-gradient(top, #8b8d47, #c1c466); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #8b8d47),color-stop(1, #c1c466)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#8b8d47', EndColorStr='#c1c466'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#8b8d47', EndColorStr='#c1c466')"; /* IE8 */
														    
     -moz-border-radius: 8px; /* FF1+ */
  -webkit-border-radius: 8px; /* Saf3+, Chrome */
          border-radius: 8px; /* Opera 10.5, IE 9 */
}
td.postButton:hover {
    background: url(favBar3.png) repeat-x;
      background-image: -moz-linear-gradient(top, #c1c466, #8b8d47); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #c1c466),color-stop(1, #8b8d47)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#c1c466', EndColorStr='#8b8d47'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#c1c466', EndColorStr='#8b8d47')"; /* IE8 */
    box-shadow: inset 0px 0px 3px #183152;
    -webkit-box-shadow: inset 0px 0px 3px #183152;
   -moz-box-shadow: inset 0px 0px 3px #183152;
}

td.postVotes{color: #fff; text-align: center; font-size: larger; font-weight: bold; text-shadow: #333 4px 4px 4px; padding: 10px 0px;}


        span.votebuttons {width: 55px;}
	
        span.upvote {width: 55px; height: 22px; float: left; font-weight: bold;
            cursor: pointer ; background: url("like3.png") no-repeat center;}
	    
        span.downvote {width: 55px; height: 22px;
            float: left;
            cursor: pointer ; background: url("dislike3.png") no-repeat center;}
	    
        span.upvoted {width: 55px; height: 22px; float: left;
            cursor: pointer ; background: url("liked3.png") no-repeat center;}
	    
        span.downvoted {width: 55px; height: 22px;
            float: left;
            cursor: pointer ; background: url("disliked3.png") no-repeat center;}
	    
	    
table.accountManager {width: 100%;}

table.accountManager td {padding: 15px;}

table.inbox {width: 100%; border: 0px solid #ccc; margin-top: 20px; margin-bottom: 15px;}

span.inboxPreview {color: #444; display: block;}

span.inboxBottomBar {margin-left: 25px; font-size: small; margin-top: 7px;}

table.buddyList {width: 100%; left: -1px; position: relative;
/*background: #b9ed63 url(tooltip4.png) no-repeat; */
                        -moz-border-radius: 10px;}
                        
table.buddyListContainer {left: 0px; margin-right: 0px; 
            position: relative; font-size: smaller; width: 212px;
	    border-left: 2px solid #ccc; margin-top: 80px;
	    margin-bottom: 40px;
    -moz-border-radius: 10px;}

table.buddyList th {color: #444;}
			
table.categoryBrowse {margin-top: 30px; padding: 10px;}

span.buddyListWindow { /*color: #eee; font-weight: bold; left: -5px; position: relative; top: 8px;
    padding-left: 10px; padding-top: 4px; padding-bottom: 4px;*/}
    
span.message {font-size: small; display: block; margin-bottom: 10px; margin-top: 10px;}

/* new format for post display without tables */

div.postButtonContainer {float: left; height: 29px; width: 25px; text-align: center;
    vertical-align: middle; display: block;}
    
div.postContentContainer {float: right; display: block;}

span.postAttachment {float: left; padding: 15px;}

span.postContents {}

div.postActions {bottom: 0px; display: block;}

.subtext {font-size: small; display: block; margin-bottom: 5px; font-decoration: italic}

div.postDetails {display: block;}

/*done with new post display*/

span.spoiler {font-style: oblique; color: #944;}

td.label {width: 140px; font-size: small; font-weight: bolder;}

.input {display: block; font-weight: bolder; font-size: large; margin-top: 10px;}

.autoClear {color: #7f7f7f;}

span.input {margin-top: 30px;}

td.buttons {}

td.help, span.help {font-size: x-small; padding-bottom: 10px; color: #555;}

td.postDetails {font-size: smaller;
    text-align: left; width: 100%; font-weight: lighter; font-style: oblique;
    color: #6a6;
    border-bottom: 1px solid #ccc;
    padding-top: 4px; }
    
td.postDetails img { border: 0px; }

td.postDetails a {font-weight: bold; font-size: larger;}
    
td.browserDetails {padding: 5px;}
    
td.postActions {font-weight: bolder; font-size: smaller; padding-left: 10px;
vertical-align: bottom;

-moz-border-radius: 10px;
}

td.postActions a {padding-right: 10px; font-size: 12px;}

td.blurb {text-align: left; font-size: small; width: 100%; vertical-align: text-top; padding: 4px 0px 4px 0px; height: 100%;}

td.attachment {overflow: visible; width: 200px;}
td.attachment img {float: left; padding: 3px; border: 0px;}

form {display: inline;}

td.postSpacer {}

td.inboxItemEven {background: #d9d9d9; font-size: smaller; border-bottom: 1px #ccc solid;
	    
     -moz-border-radius: 6px; /* FF1+ */
  -webkit-border-radius: 6px; /* Saf3+, Chrome */
          border-radius: 6px; /* Opera 10.5, IE 9 */
}
td.inboxItemOdd {background: #ddd; font-size: smaller; border-bottom: 1px #ccc solid;
    
     -moz-border-radius: 6px; /* FF1+ */
  -webkit-border-radius: 6px; /* Saf3+, Chrome */
          border-radius: 6px; /* Opera 10.5, IE 9 */
}
td.inboxItemUnread {background: #eee; font-weight: bolder; font-size: smaller;
    
     -moz-border-radius: 6px; /* FF1+ */
  -webkit-border-radius: 6px; /* Saf3+, Chrome */
          border-radius: 6px; /* Opera 10.5, IE 9 */
}

.inboxLight {color: #777;}

th.inboxSender {width: 270px;}
/*th.inboxMessage {}*/
th.inboxDate {width: 140px;}


input {font-family: sans-serif;}

input.menuSearch {font-size: 8px; height: 10px; width: 300px; }

.text {background: #cdd7e2; border: 1px solid #666;
    box-shadow: inset 0px 0px 3px #183152;
    -webkit-box-shadow: inset 0px 0px 3px #183152;
   -moz-box-shadow: inset 0px 0px 3px #183152;
			overflow: auto;
	    
     -moz-border-radius: 6px; /* FF1+ */
  -webkit-border-radius: 6px; /* Saf3+, Chrome */
          border-radius: 6px; /* Opera 10.5, IE 9 */
	  display: inline;
	  }

.text:focus { border: 1px solid #666;
    box-shadow: inset 0px 0px px #183152;
    -webkit-box-shadow: inset 0px 0px 1px #183152;
   -moz-box-shadow: inset 0px 0px 1px #183152;
}

.button {padding: 2px 5px;



    background: url(favBar3r.png) repeat-x #c1c466;
  background-image: -moz-linear-gradient(top, #8b8d47, #c1c466); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #8b8d47),color-stop(1, #c1c466)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#8b8d47', EndColorStr='#c1c466'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#8b8d47', EndColorStr='#c1c466')"; /* IE8 */

   
     -moz-border-radius: 6px; /* FF1+ */
  -webkit-border-radius: 6px; /* Saf3+, Chrome */
          border-radius: 6px; /* Opera 10.5, IE 9 */
	  color: #eee; font-weight: bolder;
    margin: 10px;
	    text-shadow: #311 1px 1px 2px;
    border: 1px outset #666;
    
    text-shadow: #311 2px 2px 2px;}

.button:hover {
	    
    background: url(favBar3.png) repeat-x #8b8d47;

  background-image: -moz-linear-gradient(top, #c1c466, #8b8d47); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #c1c466),color-stop(1, #8b8d47)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#c1c466', EndColorStr='#8b8d47'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#c1c466', EndColorStr='#8b8d47')"; /* IE8 */

														    
    border: 1px inset #666;
    text-shadow: #311 1px 1px 5px;
    -moz-border-radius: 5px;
    box-shadow: inset 0px 0px 6px #183152;
    -webkit-box-shadow: inset 0px 0px 6px #183152;
   -moz-box-shadow: inset 0px 0px 6px #183152;
    }
    
.button:active {background: url(buttonClick.png) repeat-x;
    border: 1px inset #666;
    text-shadow: #113 1px 1px 5px;
    
     -moz-border-radius: 6px; /* FF1+ */
  -webkit-border-radius: 6px; /* Saf3+, Chrome */
          border-radius: 6px; /* Opera 10.5, IE 9 */}

textarea {font-family: sans-serif; border: 1px solid #ccc;
   z-index: 999999;
     -moz-border-radius: 6px; /* FF1+ */
  -webkit-border-radius: 6px; /* Saf3+, Chrome */
          border-radius: 6px; /* Opera 10.5, IE 9 */
			overflow: visible;
	  }

textarea.blurb {width: 100%; height: 140px;border: 1px solid #ccc;
    
     -moz-border-radius: 6px; /* FF1+ */
  -webkit-border-radius: 6px; /* Saf3+, Chrome */
          border-radius: 6px; /* Opera 10.5, IE 9 */}

textarea.comment {min-width: 250px; min-height: 100px;border: 1px solid #ccc;
    
     -moz-border-radius: 6px; /* FF1+ */
  -webkit-border-radius: 6px; /* Saf3+, Chrome */
          border-radius: 6px; /* Opera 10.5, IE 9 */
			         width: 70%;}
    
textarea.messageNew {width: 100%;}
    
textarea.editPost {width: 100%; overflow: hidden;}

hr {color: #eee;}

hr.pageSeparator {color: #767572; background-color: #767572; border: 0px; height: 3px;}

.profileAutoAlbum {display: block; width: 300px; left: 0px; top: 500px;}

.profileAutoAlbum img {padding: 10px;  border: 0px;}

span.friendsList {}

.profileWall {}

.profileHead {display: block; background: #ccc; font-weight: bold; font-size: large;
    width: 100%; text-align: center;}

.profileBody {}

.profileBlurb {margin-bottom: 20px; min-height: 110px;}

.profileSideMenu {width: 200px; float: left; left: -225px; top: -10px; padding-top: 70px;}

.profilePicture {float: left; width: 130px; margin: 20px 5px 5px 5px; }

span.userMenu {color: #333; left: -15px; position: absolute; top: 7px;
    padding-left: 25px; padding-right: 10px; width: 100px;
    vertical-align: middle;
    border-bottom: 1px solid #666;
    background:   url(tooltip11.png) #40536C ;}
    
span.userMenu a {color: #94482E; font-size: larger; margin-bottom: 10px;}
    
span.recent img {height: 16px; border: 0px;}

span.userMenuDrop {font-size: small; height: 300px; margin: auto;}
    
span.userMenuDrop img { border: 0px;}

span.userMenuRight {position: absolute; right: 10px; font-size: large;}

.peopleCount {background: url(friends2.png) repeat-x; min-width: 16px;
    text-align: center;}

span.userMenuLeft {position: absolute; left: 10px;}

span.playerTitleBar {right: 0px; top: 0px; width: 100%; background: url('recentBar.png') repeat-x;
display: block;}

span.playerTitleBarTitle {text-align: center; font-weight: bolder; width: 100%;
    top: 0px; left: 0px; right: 0px;}

span.playerTitleBarButtons {text-align: right; font-weight: bolder; width: 100%;
    top: 0px; right: 0px;}

em.submit {font-size: larger; font-weight: bolder;}

h2 {margin-bottom: 5px;}

div.awardBox {display: block; height: 90px;}

div.awardBox img {float: left; height: 80px;}

/* Stuff for the socializer*/

.soc_container a {color: #a8b864;}

.soc_container {
	position:absolute;
	/* background: #b9ed63 url(tooltip4.png) repeat-y; */
	background: url(tooltip11.png) #40536C repeat-x;
	/* visibility:hidden; */
	display: none;
	color: #ccc;
            filter:alpha(opacity=95);
            -moz-opacity:0.95;
            -khtml-opacity: 0.95;
            opacity: 0.95;
	font-weight: bold;
	font-size:11px;
	min-width: 300px;
	    text-shadow: #311 1px 1px 2px;
	z-index: 991004;
	   -moz-box-shadow: #311 1px 1px 5px;
	    -webkit-box-shadow: #311 1px 1px 10px;
	    box-shadow: #311 1px 1px 10px;
	line-height:18px; padding: 5px;
                -moz-border-radius-bottomright: 15px;
                -moz-border-radius-bottomleft: 15px;
                -moz-border-radius-topright: 15px;
                border: 1px solid #666;
}

.embeddedMenu {
	   -moz-box-shadow: #bbb 1px 1px 2px;
	    -webkit-box-shadow: #bbb 2px 2px 10px;
	    box-shadow: #bbb 2px 2px 10px;
    padding: 10px;
    
     -moz-border-radius: 10px; /* FF1+ */
  -webkit-border-radius: 10px; /* Saf3+, Chrome */
          border-radius: 10px; /* Opera 10.5, IE 9 */
 border: 1px solid #ccc; background: #a9b16c url(tooltip7.png) no-repeat;
}

.embeddedMenuUser {
}

.soc_container_small {
	position:absolute;
	background:  #bdbdbd url(popupmenu.png) repeat-y;
	color: #300;
	font-size:11px;
	z-index: 1004;
	   -moz-box-shadow: #311 3px 3px 10px;
	    -webkit-box-shadow: #311 3px 3px 10px;
	    box-shadow: #311 3px 3px 10px;
	line-height:18px; padding: 5px;
     -moz-border-radius: 10px; /* FF1+ */
  -webkit-border-radius: 10px; /* Saf3+, Chrome */
          border-radius: 10px; /* Opera 10.5, IE 9 */

                border: 1px solid #666;
}

.soc_container h1{
	
	margin:5px 0 5px 20px;
	font-size:14px;
}

.soc_container h2{
	margin: 15px 0 5px 0px;
	font-size:14px;
}

.soc_container li {display: block;}

.soc_left{
        width: 130px;
	padding:10px;
	float:left;
}

.soc_left img{
	float:left;
	margin: 0 10px 0 0;
}
.soc_left a{
        color: #fff;
	text-decoration:none;
	line-height:18px;
	display:block;
}

.soc_small{
	padding:0px;
	float:left;
	visibility:hidden;
}

.soc_small img{
	
	
}



span.tinyFoot {font-size: smaller; text-align: center; padding: 4px; 
     -moz-border-radius: 6px; /* FF1+ */
  -webkit-border-radius: 6px; /* Saf3+, Chrome */
          border-radius: 6px; /* Opera 10.5, IE 9 */
 background: url(leftMenu.png);}

table.userStats td {vertical-align: top; padding: 10px;}

table.userMenu {font-size: small; line-height: normal; top: 0px; width: 100%;}

table.userMenu th {background: #53b1d2 url(itemHeader.png) repeat-x; font-size: medium; font-weight: bolder;
    border: 1px outset #311; 
     -moz-border-radius: 6px; /* FF1+ */
  -webkit-border-radius: 6px; /* Saf3+, Chrome */
          border-radius: 6px; /* Opera 10.5, IE 9 */

    color: #eee; padding: 3px; }
    
table.userMenu td {padding-top: 20px; padding-bottom: 15px;}
    
table.userMenu th img{float: right; border: 0px;}
    

#close{
	float:right;
	clear:both;
}
.open_window{
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
        padding: 10px;
	background: url(background.png);
	background-color: #000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0px 10px 40px rgba(0,0,0,0.70);
	-webkit-box-shadow: 0px 10px 40px rgba(0,0,0,0.70);
	box-shadow: 0px 10px 40px rgba(0,0,0,0.70);


}
.close{
	width:46px;
	height:20px;
	float:right;
	clear:both;
}
.soc_send_friend{
	clear:both;
	padding:20px;
}
.wait{
background-image:url(ajaxloader.gif);
background-repeat:no-repeat;
background-position: center center;
}



#area {
	background: #ccc;
	height: 20px;
	width: 500px;
}
 
#knob {
	height: 20px;
	width: 20px;
	background: #000;
}
 
#area2 {
	position: relative;
	height: 15px;
	width: 280px;
	background: #000;
}
 
#knob2 {
	position: absolute;
	height: 15px;
	width: 20px;
	background: #ff3300;
	cursor: pointer;
}
 
#area3 {
	background: #ccc;
	height: 300px;
	width: 20px;
}
 
#knob3 {
	height: 20px;
	width: 20px;
	background: #000;
}

.tool-tip {
	color: #000;
	width: 139px;
        background: #f0f;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(loginBox.png) #f0f;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(loginBox.png) #ff0;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}
#demo-status
{
	
	width:					100%;
}
 
#demo-status .progress
{
	background:				white url(/js/fure/assets/progress-bar/progress.gif) no-repeat;
	background-position:	+50% 0;
	margin-right:			0.5em;
}
 
#demo-status .progress-text
{
	font-size:				0.9em;
	font-weight:			bold;
}
 
#demo-list
{
	list-style:				none;
	width:					450px;
	margin:					0;
}
 
#demo-list li.file
{
	border-bottom:			1px solid #eee;
	background:				url(/js/fure/assets/file.png) no-repeat 4px 4px;
}
#demo-list li.file.file-uploading
{
	background-image:		url(/js/fure/assets/uploading.png);
	background-color:		#D9DDE9;
}
#demo-list li.file.file-success
{
	background-image:		url(/js/fure/assets/success.png);
}
#demo-list li.file.file-failed
{
	background-image:		url(/js/fure/assets/failed.png);
}
 
#demo-list li.file .file-name
{
	margin-left:			44px;
	display:				block;
	clear:					left;
	line-height:			40px;
	height:					40px;
	font-weight:			bold;
}
#demo-list li.file .file-size
{
	font-size:				0.9em;
	line-height:			18px;
	float:					right;
	margin-top:				2px;
	margin-right:			6px;
}
#demo-list li.file .file-info
{
	display:				block;
	margin-left:			44px;
	font-size:				0.9em;
	line-height:			20px;
	clear
}
#demo-list li.file .file-remove
{
	clear:					right;
	float:					right;
	line-height:			18px;
	margin-right:			6px;
}

/* mediaboxAdvanced - black theme */

#mbOverlay {
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
	background-color: #000;
	cursor: pointer;
}

#mbOverlay.mbOverlayFF {
	background: transparent url(80.png) repeat;
}

#mbOverlay.mbOverlayIE {
	position: absolute;
}

#mbCenter {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background: url(mb/mbBack2.png) repeat-x #637077;
	border: 1px outset #666;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0px 10px 40px rgba(0,0,0,0.70);
	-webkit-box-shadow: 0px 10px 40px rgba(0,0,0,0.70);
}

#mbCenter.mbLoading {
	
	background: #637077 url(ajax-loader.gif) no-repeat center;

/*	This style is applied only during animation.	*/
/*	For example, the following turns off shadows,	*/
/*	helping browser performance on slow systems.	*/
/*	To leave shadows on, just remove these lines:	*/
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

#mbImage {
	position: relative;
	left: 0;
	top: 0;

/*	Begin styles for inline content, if no style is given	*/
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	min-width: 485px;
	min-height: 300px;
	text-align: left;
	background-position: center center;
	background-repeat: no-repeat;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}

#mbImage a, #mbImage a:link, #mbImage a:visited {
	color: #ddd;
}

#mbImage a:hover, #mbImage a:active {
	color: #fff;
}

/*	End inline content styles	*/

#mbBottom {
	background: url(mb/toolbarBack.png) repeat-x #f0f0f0;
	min-height: 32px;
	font-size: 12px;
	color: #999;
	bottom: 0px;
	text-align: left;
	padding: 10px 10px 10px;
	border-top: 1px solid #eee;
	
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
}

#mbTitle {
	display: inline;
	color: #222;
	display: block;
	font-weight: bold;
	line-height: 20px;
	font-size: 12px;
}

#mbNumber {
	color: #444;
	padding-top: 10px;
	font-size: 10px;
	margin: auto 10px;
}

#mbCaption {
	display: block;
	color: #999;
	line-height: 14px;
	font-size: 10px;
}

/*	Styles for flash version alert	*/

#mbError {
	position: relative;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border: 10px solid #700;
	padding: 10px 10px 10px;
	margin: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active {
	color: #d00;
	font-weight: bold;
	text-decoration: underline;
}

.FBText { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #376c8c; FONT-FAMILY: Arial, Helvetica, San-Serif; TEXT-DECORATION: none; } A.FBText:hover { text-decoration: underline; }