/* general */

body{
        background-color : #DFE2E8;
        font : 8pt Verdana, Arial, Helvetica, sans-serif;
        color : #000000;
        text-align : center;
        margin:0; padding:0;
}
input:over{
	background-color: yellow;
}
div{
        padding:0;
        margin:0;
}

a{
        color: #000000;
}
a:hover{
        color: black;
        text-decoration: italic;
}

.footer{
        background-color: #FFFFFF;
        font : 8pt Verdana, Arial, Helvetica, sans-serif;
        color: #000000;
        padding:10px;
        text-align:center;
}
.footerspace{
        white-space:pre;
}
.footer a{
        color: #3399CC;
}
.footer a:hover{
        color: #C03F30;
        text-decoration:none;
}
.body{
        font : 8pt Verdana, Arial, Helvetica, sans-serif;
        color : #000000;
        text-align:left;
}
.handler{
        width:950px;
        margin:0 auto;
        padding:0;
}
.page{
        background-color: #FFFFFF;
        text-align:left;
        float:left;
        width:950px;
        border-right: 1px solid #C4C7CC;
        border-left: 1px solid #C4C7CC;
		  border-bottom: 1px solid #C4C7CC;

}
.top{
        padding-top: 8px;
        background-color:#3399CC;
}
.logo{
        float: left;
        padding: 0px;
        vertical-align: top;
}
.topmenu{
        /*text-align:right;*/
        padding:5px;
}

ul.list-blue-menu{
        list-style-type: none;
        list-style-position: outside;
         font : 8pt Verdana, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        margin:0;
        padding:0;
}
li.list-blue-menu-item{
        padding-left:15px;
        background: url('bullet.gif') 5px no-repeat ;
        color: #000000;
}
li.list-blue-menu-item a{
        color: #000000;
}
li.list-blue-menu-item a:hover{
        color: #6888CA;
}

ul.list-orange-menu{
        list-style-type: none;
        list-style-position: outside;
         font : 8pt Verdana, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        margin:0;
        padding:0;
}
li.list-orange-menu-item{
        padding-left:15px;
        background: url('bullet.gif') 5px no-repeat ;
        color: #000000;
}
li.list-orange-menu-item a{
        color: #000000;
}
li.list-orange-menu-item a:hover{
        color: #A8824F;
}

ul.sidemenu{
        list-style-type: none;
        list-style-position: outside;
        border-top:1px solid #CCCCCC;
         font : 8pt Verdana, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        margin:0;
        padding:0;
}
ul.sidemenu a{
        color: #666666;
        text-decoration: none;
}
ul.sidemenu a:hover{
        color: #999999;
}
li.sidemenu-1{
        border: 1px solid #CCCCCC;
        border-top: none;
        padding:5px;
        padding-left:25px;
        background: url('bullet.gif') 10px no-repeat ;
        background-color: #E5E5E5;
}
li.sidemenu-2{
        border: 1px solid #CCCCCC;
        border-top: none;
        padding:5px;
        padding-left:25px;
        background: url('bullet.gif') 10px no-repeat ;
        background-color: #F2F2F2;
}
li.submenu-1{
			list-style-type: none;
        border: 1px solid #CCCCCC;
        border-top: none;
        padding:5px;
		  margin-left: -16px;
        background-color: #E5E5E5;
		  list-style: square outside url('bullet.gif');
}
li.submenu-2{
        border: 1px solid #CCCCCC;
        border-top: none;
        padding:5px;
        background-color: #F2F2F2;
		  margin-left: -16px;
		list-style: square outside url('bullet.gif');
}
/* normalMenu */
.normalMenu {
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
	height: 25px;
}
.normalMenu ul {
	margin: 0;
	padding: 0;
    list-style-type: none;
    text-align: center;
    font: 8pt Tahoma, "Trebuchet MS", Arial, sans-serif;
    line-height: 25px;
}
.normalMenu li {
	display:inline;
    margin:0;
    padding:0;
    padding-left: 5px;
    padding-right: 5px;
}
.normalMenu a {
	text-decoration: underline;
}
.normalMenu a:hover {
	text-decoration: none;
}
.normalMenu li a.currentTab {
    color: #000;
    text-decoration: none;
    font-weight: bold;
}

.menubar{
        background-color: #143D52;
        padding:0px;
		  height: 15px;
		  z-index:1;
}
.mainbarON{
        background-color: #3399CC;
		  margin-left:5px;
		  height: 26px;
		  width: 80px;
		  background: url(menu_orange.gif) no-repeat left;
		  float:left;
		  text-align:center;
		  line-height: 26px;
		  _cursor: hand;
}
.mainbarOFF{
	     background-color: #3399CC;
		  margin-left:5px;
		  height: 26px;
		  width: 80px;
  		  float:left;
		  text-align:center;
		 line-height: 26px;
		 _cursor: hand;
		background-image: url(menu_blue.gif);
		background-position: left;
		background-repeat: no-repeat;
}
.menubar_link{
	  color:white;
	  text-decoration: none;
	  font-weight: 900;
	  
}

.mainbarOFFR{
	     background-color: #3399CC;
		  margin-left:5px;
		  height: 26px;
		  width: 80px;
		  background: url(menu_red.gif) no-repeat left;
  		  float:left;
		  text-align:center;
		line-height: 26px;
		_cursor: hand;
}
.submenu{
        background-color: #F2F2F2;
        border-bottom: 1px solid #CCCCCC;
        padding:5px;
        text-align:center;
        vertical-align:middle;
}
.submenu a{
        border:1px solid #CCCCCC;
        background-color: #FFFFFF;
        padding:3px;
        text-decoration:none;
        color: #999999;
}
.submenu a:hover{
        background-color: #F2F2F2;
        color: #000000;
}
#error{
        background-color: #F9F8BA;
        border-bottom:1px dashed #BAA13D;
        padding:8px;
        text-align:center;
}
.columnWide{
        float:left;
        width:640px;
}
.columnSmall{
        float:left;
        width:280px;
}
.columnSmallhome{
        float:left;
        width:358px;
}
.columnWidehome{
        float:left;
        width:575px;
}
.searchcolumnWide{
        float:left;
        width:715px;
}
.searchcolumnSmall{
        float:left;
        width:215px;
}
.searchtext{
        text-align: justify;
        font-size: 14px;
        padding: 20px;
}
.spinalgraphic{
        background-image: url("http://spinalpedia.info/themes/spinalpedia/images/blanktabnoborder.gif");
}
.columnrealSmall{
        float:right;
        width:140px;
}
.padded{
        padding:5px;
}
.margined{
        margin:5px;
}

.dividerV{
        float:left;
        width:5px;
}
.dividerH{
        float:none;
        height:5px;
}

.dotted{
        height:2px;
        border-top: 1px dotted #999999;
}

.dotted-bottom{
        padding:3px;
        border-bottom: 1px dotted #999999;
}

.pages{
        text-align:center;
}

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

/* text styles */
.topmenu a{
        color: Black;
        text-decoration:none;
}
.topmenu a:hover{
        text-decoration:underline;
}

.menubar a{
        color: #FFFFFF;
        text-decoration:none;
}
.menubar a:hover{
        color: #345666;
}

.menubarON{
        display:inline;
        color: #345666;
        font-weight: bold;
}

.blue{
        color: #68ABCA;
        font-weight:bold;
        font-size:8pt;
}
h1{
        font-family: "Trebuchet MS","Lucida Grande";
        font-weight:bold;
        font-size:12pt;
        padding:0px;
        margin:0;
}

.error{
        color:#FF0000;
        font-weight:bolder;
}

..highlight{

}

/* blocks */
.brown-header{
        background-image: url("http://spinalpedia.info/themes/spinalpedia/images/blanktabnoborder.gif");
        background-repeat: no-repeat;
        background-color: #FFFFFF;
        border-bottom: 6px solid #143D52;
        font-family: "Trebuchet MS","Lucida Grande";
        font-size: 10pt;
        font-weight:bold;
        padding:3px;
        padding-left: 10px;
        text-align:left;
        color: #FFFFFF;
}
.brown-body{
        padding:5px;
        background-color: #FFFFFF;
        border-bottom: 0px solid #D3BE96;
        border-right: 0px solid #D3BE96;
        border-left: 0px solid #D3BE96;
}

.green-header{
        background-image: url("http://spinalpedia.info/themes/spinalpedia/images/blanktabnoborder.gif");
        background-repeat: no-repeat;
        background-color: #FFFFFF;
        border-bottom: 6px solid #143D52;
        font-family: "Trebuchet MS","Lucida Grande";
        font-size: 10pt;
        font-weight:bold;
        padding:3px;
        padding-left: 10px;
        text-align:left;
        color: #FFFFFF;
}
.green-body{
        padding:5px;
        background-color: #FFFFFF;
        border-bottom: 0px solid #96D396;
        border-right: 0px solid #96D396;
        border-left: 0px solid #96D396;
}
.lheader{
	background-image: url("http://spinalpedia.info/themes/spinalpedia/images/blanktableft.gif");
	width:12px;
	border-bottom: 6px solid #143D52;
	height:25px;
	float:left;
}
.rheader{
	background-image: url("http://spinalpedia.info/themes/spinalpedia/images/blanktabright.gif");
	background-repeat: no-repeat;
	width: 10px;
	height:25px;
	border-bottom: 6px solid #143D52;
	float:left;
	background-position: left;
}
.rrheader{
	width:auto;
	height: 25px;
	border-bottom: 6px solid #143D52;
	float:left;
}
.blue-header{
        background-image: url("http://spinalpedia.info/themes/spinalpedia/images/blanktabnoborder.gif");
        background-repeat: no-repeat;
        background-color: #FFFFFF;
        border-bottom: 6px solid #143D52;
        font-family: "Trebuchet MS","Lucida Grande";
        font-size: 10pt;
		  padding:3px;
        padding-left: 10px;
        font-weight:bold;
        text-align:left;
        color: #FFFFFF;
}
.blue-body{
        padding:5px;
        background-color: #FFFFFF;
        border-bottom: 0px solid #96ABD4;
        border-right: 0px solid #96ABD4;
        border-left: 0px solid #96ABD4;
}

.orange-header{
        background-image: url("http://spinalpedia.info/themes/spinalpedia/images/blanktabnoborder.gif");
        background-repeat: no-repeat;
        background-color: #FFFFFF;
        border-bottom: 6px solid #143D52;
        font-family: "Trebuchet MS","Lucida Grande";
        font-size: 10pt;
        font-weight:bold;
        padding:3px;
        padding-left: 10px;
        text-align:left;
        color: #FFFFFF;
}
.orange-body{
        padding:5px;
        background-color: #FFFFFF;
        border-bottom: 0px solid #D4BA96;
        border-right: 0px solid #D4BA96;
        border-left: 0px solid #D4BA96;
}

.grey-header{
        background-image: url("http://spinalpedia.info/themes/spinalpedia/images/blanktabnoborder.gif");
        background-repeat: no-repeat;
        background-color: #FFFFFF;
        border-bottom: 6px solid #143D52;
        font-family: "Trebuchet MS","Lucida Grande";
        font-size: 10pt;
        font-weight:bold;
        padding:3px;
        padding-left: 10px;
        text-align:left;
        color: #FFFFFF;
}
.grey-body{
        padding:5px;
        background-color: #FAFAFA;
        border-bottom: 0px dashed #999999;
        border-right: 0px dashed #999999;
        border-left: 0px dashed #999999;
}

.tip{
        border: 1px dashed #D38828;
        padding:5px;
        color: #666666;
}
.tip-body{

}

.cardlabel{
        float:left;
        width:200px;
        color: #666666;
		   clear: both;
}
.cardbody{
 float:left;

}

.card-headline{
        border:1px dashed #689BCA;
        background-color: #F5FAFF;
        float:left;
}
.card-headline-body{
        font-family: "Trebuchet MS","Lucida Grande";
        font-size: 10pt;
        font-weight:bold;
        float:left;
        margin:5px;
}

.card-member{
        border-top:2px solid #689BCA;
        border-bottom:1px solid #689BCA;
}
.card-online{
        border:1px solid #CCCCCC;
        background-color: #FFFFFF;
        color: #FF9000;
        font-size:7pt;
        padding:2px;
        margin:2px;
        height:10px;
        line-height:10px;
        cursor:default;
        font-weight:bold;
}
.card-featured{
        border:1px solid #CCCCCC;
        background-color: #FFFFFF;
        color: #C96767;
        font-size:7pt;
        padding:2px;
        margin:2px;
        height:10px;
        line-height:10px;
        cursor:default;
        font-weight:bold;
}
.card-new{
        border:1px solid #CCCCCC;
        background-color: #FFFFFF;
        color: #24A72D;
        font-size:7pt;
        padding:2px;
        margin:2px;
        height:10px;
        line-height:10px;
        cursor:default;
        font-weight:bold;
}
.card-updated{
        border:1px solid #CCCCCC;
        background-color: #FFFFFF;
        color: #3588AE;
        font-size:7pt;
        padding:2px;
        margin:2px;
        height:10px;
        line-height:10px;
        cursor:default;
        font-weight:bold;
}

.card-member-top,.card-member-top a{
        background-color: #D6E4F0;
        padding:3px;
        text-align:left;
        border-bottom: 1px solid #FFFFFF;
        color: #32608A;
        text-decoration:none;
}
.card-member-top a:hover{
        color: #689BCA;
}
.card-member-body{
        background-color: #EBF3FA;
        padding:5px;
        text-align:left;
}
.card-member-header,.card-member-header a{
        font-family: "Trebuchet MS","Lucida Grande";
        font-size: 12pt;
        font-weight:bold;
        color: #507EA9;
        text-decoration:none;
}
.card-member-header a:hover{
        color: #689BCA;
}
.card-member-options,.card-member-options a{
        background-color: #D6E4F0;
        padding:3px;
        text-align:center;
        border-top: 1px solid #FFFFFF;
        color: #32608A;
        text-decoration:none;
        font-size:7pt;
}
.card-member-options a:hover{
        color: #689BCA;
}
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;
}


.card-blog{
        border-top:2px solid #67C968;
        border-bottom:1px solid #67C968;
}

.card-blog-top,.card-blog-top a{
        background-color: #D5F0D6;
        padding:3px;
        text-align:left;
        border-bottom: 1px solid #FFFFFF;
        color: #328A33;
        text-decoration:none;
}
.card-blog-top a:hover{
        color: #67C968;
}
.card-blog-body{
        background-color: #EBFAEB;
        padding:5px;
        text-align:left;
}
.card-blog-header,.card-blog-header a{
        font-family: "Trebuchet MS","Lucida Grande";
        font-size: 12pt;
        font-weight:bold;
        color: #4FA851;
        text-decoration:none;
}
.card-blog-header a:hover{
        color: #67C968;
}
.card-blog-options,.card-blog-options a{
        background-color: #D5F0D6;
        padding:3px;
        text-align:center;
        border-top: 1px solid #FFFFFF;
        color: #328A33;
        text-decoration:none;
        font-size:7pt;
}
.card-blog-options a:hover{
        color: #67C968;
}
ul.card-blog-list{
        padding:0;
        margin:0;
        white-space:nowrap;
        list-style-type:none;
        list-style-position: outside;
}
li.card-blog-item{
        display:inline;
        background: url('arrow.gif') 5px no-repeat ;
        padding-left:10px;
}



.member{
        width: 80px;
        height: 121px;
}
.member-online-photo{
        background-color: #F2DEC7;
        border: 1px solid #998C7D;
        padding: 8px;
}
.member-online-name{
        background-color: #E5D2BC;
        border-left: 1px solid #998C7D;
        border-right: 1px solid #998C7D;
        padding: 2px;
        height:32px;
        text-align:center;
}
.member-online-name a{
        font: 8pt Tahoma, sans-serif;
        color: #807569;
}
.member-online-name a:hover{
        text-decoration: none;
}
.member-online-indicator{
        border: 1px solid #998C7D;
        font: 7pt Arial, sans-serif;
        color: #FFFFFF;
        background-color: #BFAF9D;
}
.member-online-indicator a{
        font: 7pt Arial, sans-serif;
        color: #FFFFFF;
}

.member-offline-photo{
        background-color: #F2F2F2;
        border: 1px solid #999999;
        padding: 8px;
}
.member-offline-name{
        background-color: #E5E5E5;
        border-left: 1px solid #999999;
        border-right: 1px solid #999999;
        padding: 2px;
        height:32px;
        text-align:center;
}
.member-offline-name a{
        font: 8pt Tahoma, sans-serif;
        color: #808080;
}
.member-offline-name a:hover{
        text-decoration: none;
}
.member-offline-indicator{
        border: 1px solid #999999;
        font: 7pt Arial, sans-serif;
        color: #FFFFFF;
        background-color: #BFBFBF;
}
.member-offline-indicator a{
        font: 7pt Arial, sans-serif;
        color: #FFFFFF;
}

.ecard{

}
.ecard-thumbnail{
        background-color: #F2F2F2;
        border: 1px dashed #999999;
        padding: 15px;
}
.ecard-name{
        background-color: #E5E5E5;
        border-left: 1px dashed #999999;
        border-right: 1px dashed #999999;
        border-bottom: 1px dashed #999999;
        padding:15px;
}

.photo{
        width:80px;
        height:118px;
}
.photo_edit{
        width:80px;
        height:132px;
}
.photo_big{
        width:344px;
}

.photo-photo{
        background-color: #F2F2F2;
        border: 1px solid #999999;
        padding: 8px;
}
.photo-caption{
        background-color: #E5E5E5;
        border-left: 1px solid #999999;
        border-right: 1px solid #999999;
        border-bottom: 1px solid #999999;
        padding: 2px;
        height:42px;
}
.photo-text{
        background-color: #E5E5E5;
        font: 7pt Tahoma, sans-serif;
        color: #808080;
}
.photo-text a{
        background-color: #E5E5E5;
        font: 7pt Tahoma, sans-serif;
        color: #808080;
}
.photo-text-big{
        font: 8pt Tahoma, sans-serif;
        color: #808080;
}

.news{
        border:1px solid #CCCCCC;
}
.news-title{
        background-color: #F2F2F2;
        border-right:1px solid #CCCCCC;
        float:left;
        padding:3px;
        width:80%;
}
.news-date{
        background-color: #E5E5E5;
        border-left:1px solid #CCCCCC;
        padding:3px;
        text-align:right;
}
.news-body{
        background-color: #FFFFFF;
        border-top:1px solid #CCCCCC;
        padding:5px;
}

/* forms */
.form{
        text-align:center;
        margin-left:0;
        padding:0;
        width:530px;
		  
}
.formlabel{
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #666666;
        float:left;
        text-align:right;
        width:30%;
        margin: 0 0 5px 0;
        padding:6px 0px 0 0;
        display:block;
        clear:both;
}
.formelement{
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #4E8199;
        float:left;
        margin:3px;
        text-align:left;
}
.tagdropelement{
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #4E8199;
        float:left;
        margin:1px;
        text-align:left;
}
.formbutton{
        padding-top:10px;
        text-align:center;
        display:block;
        clear:both;
}
.formset{
        margin-bottom:2px;
}
.textfield{
        background-color: #FFFFFF;
        border:1px solid #999999;
        padding:3px;
        color: #666666;
        font : 8pt Verdana, Arial, Helvetica, sans-serif;
        font-size: 8pt;
}
.dropdown{
        background-color: #FFFFFF;
        border:1px solid #999999;
        color: #666666;
        font : 8pt Verdana, Arial, Helvetica, sans-serif;
        font-size: 8pt;
}
.textarea{
        background-color: #FFFFFF;
        border:1px solid #999999;
        padding:3px;
        color: #666666;
        font : 8pt Verdana, Arial, Helvetica, sans-serif;
        font-size: 8pt;
}
.button{
        background-color: #F2F2F2;
        border:1px solid #999999;
        padding:3px;
        color: #666666;
        font : 8pt Verdana, Arial, Helvetica, sans-serif;
        font-size: 8pt;
}
.button_cat{
        background-color: #eb8e28;
		  background-image: url("gfx/orange_bg.gif");
        border:1px solid #999999;
        padding:3px;
        color: Black;
        font : 8pt Verdana, Arial, Helvetica, sans-serif;
        font-size: 8pt;
		  text-decoration: none;
}
/* login form */
.lform{
        text-align:center;
        margin:0;
        padding:0;
        width:530px;
}
.lformlabel{
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #666666;
        float:left;
        text-align:right;
        width:40%;
        margin: 0 0 5px 0;
        padding:6px 0px 0 0;
        display:block;
        clear:both;
}
.lformelement{
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        float:left;
        margin:3px;
        text-align:left;
}
.lformbutton{
        padding-top:0px;
        text-align:center;
        display:inline;
        clear:both;
}
.lformset{
        margin-bottom:2px;
}
.ltextfield{
        background-color: #FFFFFF;
        border:1px solid #999999;
        padding:3px;
        color: #666666;
        font : 8pt Verdana, Arial, Helvetica, sans-serif;
        font-size: 8pt;
}
.ldropdown{
        background-color: #FFFFFF;
        border:1px solid #999999;
        color: #666666;
        font : 8pt Verdana, Arial, Helvetica, sans-serif;
        font-size: 8pt;
}
.ltextarea{
        background-color: #FFFFFF;
        border:1px solid #999999;
        padding:3px;
        color: #666666;
        font : 8pt Verdana, Arial, Helvetica, sans-serif;
        font-size: 8pt;
}
.lbutton{
        background-color: #F2F2F2;
        border:1px solid #999999;
        padding:3px;
        color: #666666;
        font : 8pt Verdana, Arial, Helvetica, sans-serif;
        font-size: 8pt;
}


/* lists */
.list-blue{
        font : 8pt Verdana, Arial, Helvetica, sans-serif;
        color : #000000;
        border-top:2px solid #689BCA;
}
.list-blue a{
        color: #000000;
}
.list-blue a:hover{
        color: #507EA9;
}
.list-blue-header{
        background-color: #D6E4F0;
        padding:3px;
        border-right:1px solid #FFFFFF;
        border-bottom:1px solid #FFFFFF;
        height:20px;
}
.list-blue-item{
        text-align:left;
        background-color: #EBF3FA;
        padding:3px;
}
.list-blue-item-1{
        text-align:left;
        border-right:1px solid #FFFFFF;
        border-bottom:1px solid #FFFFFF;
        background-color: #EBF3FA;
        padding:3px;
        height:20px;
}
.list-blue-item-2{
        text-align:left;
        border-right:1px solid #FFFFFF;
        border-bottom:1px solid #FFFFFF;
        background-color: #F7FBFF;
        padding:3px;
        height:20px;
}
.list-blue-title,.list-blue-title a{
        font-family: "Trebuchet MS","Lucida Grande";
        font-size: 12pt;
        font-weight:bold;
        color: #507EA9;
        text-decoration:none;
        padding-right:5px;
}
.list-orange-category{
		padding: 2px;
		  color: #E39400;
}
.list-orange-category a{
        color: #E39400;
}
.list-orange-category a:hover{
        color: #000000;
}
.list-orange-subcategory{
        padding-left:20px;
}
.list-orange-subcategory a{
        color: Blue;
        text-decoration:none;
}
.list-orange-subcategory a:hover{
        color: #000000;
}

.list-orange{
        font : 8pt Verdana, Arial, Helvetica, sans-serif;
        color : Blue;
		  background-color: #FFFFFF;
}
.list-orangex a{
        color: #000000;
}
.list-orangex a:hover{
        color: #A8824F;
}
.list-orange-header{
        padding:3px;
        border-right:1px solid #FFFFFF;
        border-bottom:1px solid #FFFFFF;
        height:20px;
}
.list-orange-item{
        text-align:left;
        padding:3px;
}
.list-orange-item-1{
        text-align:left;
        border-right:1px solid #FFFFFF;
        border-bottom:1px solid #FFFFFF;
        padding:3px;
        height:20px;
}
.list-orange-item-2{
        text-align:left;
        border-right:1px solid #FFFFFF;
        border-bottom:1px solid #FFFFFF;
        padding:3px;
        height:20px;
}
.list-orange-title,.list-orange-title a{
        font-family: "Trebuchet MS","Lucida Grande";
        font-size: 12pt;
        font-weight:bold;
        color: #A8824F;
        text-decoration:none;
        padding-right:5px;
}

/* rating */
.rating{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 25pt;
        color: #000000;
        font-weight: bolder;
        text-align:center;
}

.rating_0{
        color: #8093BA;
}
.rating_1{
        color: #8093BA;
}
.rating_2{
        color: #868FB3;
}
.rating_3{
        color: #8E8BAA;
}
.rating_4{
        color: #9885A0;
}
.rating_5{
        color: #A27F95;
}
.rating_6{
        color: #AD7989;
}
.rating_7{
        color: #B7737E;
}
.rating_8{
        color: #C06D75;
}
.rating_9{
        color: #C7696C;
}
.rating_10{
        color: #CE6565;
}

/* forum */
.forum-totals{
        background-color: #F2F2F2;
        border:1px solid #CCCCCC;
        padding: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;
}
.forum_quote{
        border:1px dashed #689BCA;
        background-color: #FFFFFF;
        padding:5px;
}

/* calendar */
.calendar-button{
        font-family : Tahome, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        background-color: #FFFFFF;
        border:1px solid #999999;
        color: #999999;
        cursor:pointer;
        width:20px;
        text-align:center;
}
.calendar-date{
        font-family: "Trebuchet MS","Lucida Grande";
        font-size: 8pt;
        font-weight:bold;
        text-align:center;
        color: #808080;
}
.calendar-week{
        font-family : Arial, Helvetica, sans-serif;
        font-size : 8pt;
        color: #1F5EAC;
}
.calendar-day{
        font-family : Arial, Helvetica, sans-serif;
        font-size : 8pt;
        color: #000000;
        cursor: pointer;
}
.calendar-extended{
        color: #999999;
}
.calendar-sunday{
        color: #1F5EAC;
}
.calendar-today{
        color: #B33838;
}
.calendar-holiday{
        color: #1F5EAC;
}
.calendar-nof-holiday{
        color: #3F981C;
}
.calendar-events{
        font-weight: bold;
}
.calendar-notes{
        font-style: italic;
}
.calendar-selected{
        border: 1px solid #B33838;
}
/* im */
.im{
        border:1px solid #999999;
}
.im-header{
        font-size:7pt;
        color: #666666;
        background-color: #F2F2F2;
        border-bottom: 1px solid #999999;
        padding:3px;
}
.im-body{
        background-color: #FFFFFF;
        text-align:center;
}
.toplinks {
position:absolute;
}

/* banners */
.banner-header{
        border-bottom: 1px solid #CCCCCC;
        padding:5px;
        text-align:center;
}
.banner-footer{
        border-top: 1px solid #CCCCCC;
        padding:5px;
        text-align:center;
}
.banner-side{
        padding:5px;
        text-align:center;
}

/* notification */
.noti{
        border:1px solid #6888CA;
        background-color: #FFFFFF;
        color: #666666;
}
.noti-header{
        background-color: #6888CA;
        padding:3px;
        color: #FFFFFF;
        font : 8pt Verdana, Arial, Helvetica, sans-serif;
        font-weight:bold;
}
.noti-header a{
        color: #FFFFFF;
        font-weight:normal;
        text-decoration:none;
}
.noti-body{
        font : 8pt Verdana, Arial, Helvetica, sans-serif;
        color: #666666;
}
.noti-body a{
        color: #666666;
}
.noti-body a:hover{
        text-decoration:none;
}

/* color selector */
.color-color{
        margin:1px;
        width:9px;
        height:9px;
        float:left;
        cursor:pointer;
        border:1px solid #000000;
}

/* albums */
.photo{
        width:80px;
        height:118px;
}
.photo_edit{
        width:80px;
        height:132px;
}
.photo_main{
        background-color: #FA8072;
        border: 1px solid #999999;
        padding: 8px;
}
.album{
        width:80px;
        height:118px;
}
.album_main{
        background-color: #FFE4E1;
        border: 1px solid Black;
        padding: 8px;
}
.album_big{
        width:344px;
}
.album_edit{
        width:80px;
        height:142px;
}
.album-photo{
        background-color: #DDDDDD;
        border: 1px solid Black;
        padding: 8px;
}
.album-caption{
        background-color: #999999;
        border-left: 1px solid Black;
        border-right: 1px solid Black;
        border-bottom: 1px solid Black;
        padding: 2px;
        height:42px;
}
.album_edit{
        width:80px;
        height:142px;
}
.album-text{
        background-color: #999999;
        font: 7pt Tahoma, sans-serif;
        color: #F9F9F9;
}
.album-text a{
        background-color: ##CCCCCC;
        font: 7pt Tahoma, sans-serif;
        color: #F9F9F9;
}
.album-text-big{
        font: 8pt Tahoma, sans-serif;
        color: #F9F9F9;
}

/* vchat */
#vchat_window{
        position: absolute;
        visibility: hidden;
        width: 370px;
        top: 0;
        left: 0;
        z-index: 1;
}
.vchat_handler{
        border: 4px solid #00209F;
        background-color: #FFFFFF;
        height:100%;
        padding:5px;
}
.vchat_icon{
        margin:auto;
        text-align:center;
        float:left;
}
.vchat_message{
        color: #000;
        text-align:left;
        font : 8pt Verdana, Arial, Helvetica, sans-serif;
}
.vchat_message_header{
        font-weight:bold;text-align:center
}
.vchat_message_content{
        padding-top:20px;
}
.vchat_buttons{
        text-align:center;
        padding-top:20px;
}

/* social bookmarking */
#sbdropdown {
border:1px solid #CCC;
background-color: #FFF;
visibility:hidden;
position:absolute;
z-index:100;
left:0px;
top:0px;
padding: 3px;
}
#sbbar {

background-color: #FFF;
padding: 3px;
}
.sbitem{
border:1px solid #FFF;
background-color: #F7F7F7;
color: #666666;
padding: 3px;
cursor: pointer;
text-align:left;
}
.sbitemhighlight{
background-color: #EBF3FA;
border:1px solid #689BCA;
padding: 3px;
cursor: pointer;
text-align:left;
}

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

/* videos */
.vidSubmenu {
        bakckground-color: #FFF;
        padding: 5px;
        text-align: center;
        border-bottom: 1px solid #CCC;
}
.vidSubmenu a {
        color: #6888CA;
}
.vidSubmenu a:hover {
        text-decoration: none;
}

.column-videosPage-right {
        float: left;
        width: 765px;
}
.column-videosPage-left {
        float: left;
        width: 160px;
}

.column-video-right {
        float: left;
        width: 283px;
}
.column-video-left {
        width: 480px;
        float: left;
}

.floatLeft {
        float: left;
}
.floatRight {
        float: right;
}

.centerHandler {
        text-align: center;
        overflow: hidden;
}
.centerContent {
        margin-left: auto;
        margin-right: auto;
}

.centerText {
        text-align: center;
}
.rightText {
        text-align: right;
}
.leftText {
        text-align: left;
}

.listClear {
        clear: both;
}

/* video card */
.vCard {
        margin-bottom: 3px;
        padding-bottom: 3px;
		  padding-left:0px;
}
.vCard .base {
        text-align: center;
        font: 8pt Arial, sans-serif;
        color: #000;
}
.vCard .base_left {
        text-align: left;
        padding: 0 0px 0 0px;
        width: 120px;
        height: 89px;
}
.vCard .highlight a {
        color: #000;
}
.vCard .duration {
        float: left;
        font-weight: bold;
}
.vCard .rating {
        text-align: right;
}
.vCard .title {
        width: 120px;
        height: 37px;
}

.screenshot {
        margin: 1px;
        padding: 1px;
        border: 1px solid #999;
        display: block;
        background-color: white;
}
.screenshot img {
        height: 90px;
        width: 119px;
}
.screenshotSmall {
        margin: 2px;
        padding: 1px;
        border: 1px solid #999;
        background-color: white;
        display: block;
}
.screenshotSmall img{
        height: 70px;
        width: 90px;
}

.screenshotSmaller {
        margin: 2px;
        padding: 1px;
        border: 1px solid #999;
        background-color: white;
        display: block;
}
.screenshotSmaller img{
        height: 70px;
        width: 70px;
}

#basicViewOptions {
        display: inline;
}
#detailedViewOptions {
        display: inline;
}

/* lists */
.listItem {        
        border-bottom: 1px dotted #999;
        width: 100%;
        padding: 10px 0 10px 0;
        overflow: hidden;
}
.listItem .listScrCol {
        width: 128px;
        float: left;
}
.listItem .listInfoCol {
        margin-left: 135px;
        zoom: 1;
        color: #000;
}

.listItem3Col {        
        border-bottom: 1px dotted #999;
        width: 100%;
        padding: 10px 0 10px 0;
        overflow: hidden;
}
.listItem3Col .listScrCol {
        width: 128px;
        float: left;
}
.listItem3Col .listInfoCol {
        margin-left: 135px;
        margin-right: 50px;
        zoom: 1;
        color: #000;
}
.listItem3Col .listPosCol {
        width: 35px;
        float: right;
}


.listItemSmall {
        width: 100%;
        padding: 0 0 3px 0;
        overflow: hidden;
}
.listItemSmall .listScrCol {
        width: 98px;
        float: left;
}
.listItemSmall .listInfoCol {
        margin-left: 105px;
        zoom: 1;
        color: #000;
}

.listItemDefault {        
        border-bottom: 1px dotted #999;
        width: 100%;
        padding: 10px 0 10px 0;
        overflow: hidden;
}
.listItemDefault .listScrCol {
        width: 98px;
        float: left;
}
.listItemDefault .listInfoCol {
        margin-left: 108px;
        margin-right: 80px;
        zoom: 1;
        color: #000;
}
.listItemDefault .listActionsCol {
        width: 70px;
        float: right;
        line-height: 17px;
        font-size: 10pt;
        margin-right: 5px;
        text-align: right;
}
.listItemDefault .listActionsCol a {
        text-decoration: none;
}
.listItemDefault .listDataCol {
        width: 50px;
        float: right;
}


.listItemGroup {        
        border-bottom: 1px dotted #999;
        width: 100%;
        padding: 10px 0 10px 0;
        overflow: hidden;
}
.listItemGroup .listScrCol {
        width: 98px;
        float: left;
}
.listItemGroup .listInfoCol {
        margin-left: 108px;
        margin-right: 120px;
        zoom: 1;
        color: #000;
}
.listItemGroup .listActionsCol {
        width: 110px;
        float: right;
        line-height: 17px;
        font-size: 10pt;
        margin-right: 5px;
        text-align: right;
}
.listItemGroup .listActionsCol a {
        text-decoration: none;
}

.listItemGroupAddVideos {        
        border-bottom: 1px dotted #999;
        width: 100%;
        padding: 10px 0 10px 0;
        overflow: hidden;
}
.listItemGroupAddVideos .listChBoxCol {
        width: 26px;
        text-align: center;
        float: left;
        padding-top: 27px;        
}
.listItemGroupAddVideos .listScrCol {
        width: 98px;
        float: left;
}
.listItemGroupAddVideos .listInfoCol {
        margin-left: 134px;
        zoom: 1;
        color: #000;
}


.listInfoCol .title {
        font: 14px Tahoma, "Trebuchet MS", Arial, sans-serif;
        color: #146898;
}
.listInfoCol .title a {
        color: #146898;
        text-decoration: none;
}
.listInfoCol .description {
        margin: 10px 0 10px 0;
}
.listInfoCol .info {
        font: Arial, sans-serif;
        color: #000;
        line-height: 14px;
}
.listInfoCol .label {
        color: #666;
}

.listClear {
        clear: both;
}
.clearRight {
        clear: right;
}

/* pages */
.pages {
        font: 8pt Tahoma, "Trebuchet MS", Arial, sans-serif;        
        margin: 5px 0 5px 0;
        padding: 5px;
        text-align: center;
}
.pages a {
        color: #146898;
        margin: 0 4px 0 4px;
}
.pages .p {
        margin: 0 4px 0 4px;
        font-weight: bold;
}

.cell {
        border:1px solid #CCC;
        padding: 5px;
}

.greyCell {
        border:1px solid #CCC;
        padding: 5px;
        background-color: #F7F7F7;
}

.vidHeader {
        font: 18px Arial, sans-serif;
        color: #146898;
        padding: 0;
        margin: 5px 0 5px 0;
}
.cell .sbbar {
        border: none;
}
.marginTop5 {
        margin-top: 5px;
}
.vidSecheader {
        font-family: "Trebuchet MS","Lucida Grande";
        font-size: 10pt;
        font-weight:bold;
        text-align:left;
        color: #6D7B99;
}

/* info */
.vinfo {
        font: bold 9pt Arial, sans-serif;
        color: #000;
}
.stats {
        margin: 10px;
}
.stats .vinfo {
        font: 8pt Tahoma, "Trebuchet MS", Arial, sans-serif;
        color: #000;
        line-height: 20px;
}
.vinfo .label {
        color: #666;
        font-weight: normal;
}
.vinfo .description {
        font-weight: normal;
}

.videoOptions, .videoOptions a {
        font: 14px Arial, sans-serif;
        color: #146898;
        text-decoration: none;
        text-align: center;
}

/* rate scale */
.rate {
        height: 21px;
        display: block;
        line-height: 21px;
}
.rate .label {
        font: 10pt Arial, sans-serif;
        height: 21px;
        width: 35px;
        line-height: 21px;
        display: inline;
}
.rate .stars {
        display: inline;
        cursor: pointer;
}
.rate .stars img {
        vertical-align: top;
}
.votes {
        margin-top: 5px;
        margin-left: 35px;
        width: 110px;
        font: 8pt Arial, sans-serif;
        text-align: center;
}

/* comments */
.comment {
        margin: 5px;
        padding: 5px;
        font: 8pt Tahoma, "Trebuchet MS", Arial, sans-serif;
        color: #000;
        border-top: 1px dotted #999;
        overflow: hidden;
}
.comment .description {
        margin-left: 80px;
        zoom: 1;
}
.comment .highlight {
        font-size: 9pt;
        color: #666;
}
.comment .text {
        margin-top: 10px;
}
#commentForm {
        display: none;
}
.commentRateWord {
        line-height: 12px;
}
.commentRating {
        width: 15px;
        line-height: 12px;
        text-align: right;
}
.commentRatingImg {
        text-align: right;
        line-height: 12px;
        width: 35px;
}
.commentRatingImg img {
        vertical-align: bottom;
}
.commentRating .plus {
        color: #4DB21B;
}
.commentRating .minus {
        color: #B21B1B;
}
.commentOptions {
        line-height: 12px;
        width: 100px;
}

.subcomments {
        margin: 10px 20px 10px 20px;
        border: 3px solid #E5E5E5;
        padding: 3px;
}

.dotBorderTop {
        border-top: 1px dotted #666;
}

/* complete box */
.completeBox {
        background-color: #FFF;
        border: 1px dashed #5289A8;
        padding: 5px;
        margin-bottom: 5px;
        text-align: center;
}

/* error box */
.errorBox {
        background-color: #FFC2C2;
        border: 1px solid #AF2D2D;
        padding: 5px;
        margin-bottom: 5px;
        text-align: center;
}
.errorBox a {
        color: #711B1B;
}

#videoOptionsHandler {
        margin-top: 10px;
        margin-bottom: 10px;
        display: none;
        width: 400px;
        margin-left: auto;
        margin-right: auto;
}

/* tipBox */
.tipBox {
        background-color: #FFFFCC;
        border: 1px solid #FFCC33;
        padding: 5px;
}

.video {
        margin: 0 0 5px 0;
}

/* video responses box */
.videoResponses .left {
        float: left;
        width: 34px;
        padding-top: 18px;
}
.videoResponses .centerHandler {
        text-align: center;
}
.videoResponses .center {
        margin-left: auto;
        margin-right: auto;
        width: 392px;
}
.videoResponses .right {
        float: right;
        width: 34px;
        padding-top: 18px;
}
#videoResponsesHandler {
        height: 130px;
}
/* scrool box */
.scrollBox .left {
	float: left;
	width: 34px;
	padding-top: 28px;
}
.scrollBox .centerHandler {
	text-align: center;
}
.scrollBox .center {
	margin-left: auto;
	margin-right: auto;
	width: 385px;
}
.scrollBox .right {
	float: right;
	width: 34px;
	padding-top: 30px;
}
.scrollBoxL .left {
	float: left;
	width: 34px;
	padding-top: 28px;
}
.scrollBoxL .centerHandler {
	text-align: center;
}
.scrollBoxL .center {
	margin-left: auto;
	margin-right: auto;
	width: 375px;
}
.scrollBoxL .right {
	float: right;
	width: 34px;
	padding-top: 30px;
}

/* user */
.user {
	margin: 1px;
	text-align: center;
}
.user .base {
	text-align: center;
	clear: both;
}
/* channel */
#channelContainer .info {
	font: bold 8pt Tahoma, "Trebuchet MS", Arial, sans-serif;
	line-height: 14px;
}
#channelContainer .info .label{
	font-weight: normal;
}
#channelContainer .info .description{
	font-weight: normal;
}
#channelContainer .username {
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	text-decoration: none;
}

#channelContainer .subscription {
	margin-bottom: 3px;
	text-align: center;
}
#channelContainer .subscription .base {
	text-align: center;
	clear: both;
}


#channelContainer .user {
	margin: 1px;
	text-align: center;
}
#channelContainer .user .base {
	text-align: center;
	clear: both;
}

#channelContainer .subscriptionPage .subscription {
	margin-bottom: 3px;
	text-align: center;
}
#channelContainer .subscriptionPage .subscription .base {
	text-align: center;
	clear: both;
}

#channelContainer .bulletin {
	border:1px dotted #666;
	padding: 5px;
	zoom: 1;
}
#channelContainer .bulletin .details {
	zoom: 1;
	overflow: hidden;
}
#channelContainer .bulletin .message {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 7px;
}
/* channel */
.channel {
	width: 122px;
	margin-bottom: 3px;
	padding-bottom: 3px;
	text-align: center;
}
.channel .base {
	text-align: center;
	clear: both;
}
.channel .base_left {
	text-align: left;
	padding: 0 3px 0 3px;
	clear: both;
}

.dashBorder {
        border: 1px dashed #CCC;
}

.avatarLarge {
        margin: 1px;
        border: 3px double #999;
        float: left;
        zoom: 1;
}
.avatarLarge .avatar {
        overflow: hidden;
        width: 84px;
        height: 84px;
        background-color: white;
        display: block;
        text-align: center;
}
.avatarLarge .avatar div {
        width: 400px;
        margin-left: -158px;
}
.avatarLarge .avatar img{
        height: 84px;
}

.avatarSmall {
        margin: 2px;
        border: 3px double #999;
        float: left;
        zoom: 1;
}
.avatarSmall .avatar {
        overflow: hidden;
        width: 54px;
        height: 54px;
        background-color: white;
        display: block;
        text-align: center;
}
.avatarSmall .avatar div {
        width: 400px;
        margin-left: -173px;
}
.avatarSmall .avatar img{
        height: 54px;
}

/* subscription */
.subscription {
        margin-bottom: 3px;
        padding-bottom: 3px;
        text-align: center;
}
.subscription .base {
        text-align: center;
        clear: both;
}

#subscribeHandler {
        margin: 5px;
}

.mailboxList .screenshotSmall {
        border: 1px solid #999;
        background-color: white;
        display: block;
        padding: 0;
        float: left;
        margin: 0px;
        margin-right: 3px;
        zoom: 1;
}
.mailboxList .screenshotSmall img{
        height: 23px;
        width: 30px;
}
.mborder{
	border: medium solid;
	border-width: 1px;
	}
/* search bar */
.searchBar{
	padding : 0;
}
.searchBarCenter {
	height : 33px;
	text-align : left;
}

.searchBarCenter p {
	margin: 5;
	padding: 0;
}
/* normalMenu */
.normalMenu {
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
	height: 25px;
}
.normalMenu ul {
	margin: 0;
	padding: 0;
    list-style-type: none;
    text-align: center;
    font: 8pt Tahoma, "Trebuchet MS", Arial, sans-serif;
    line-height: 25px;
}
.normalMenu li {
	display:inline;
    margin:0;
    padding:0;
    padding-left: 5px;
    padding-right: 5px;
}
.normalMenu a {
	text-decoration: underline;
}
.normalMenu a:hover {
	text-decoration: none;
}
.normalMenu li a.currentTab {
    color: #000;
    text-decoration: none;
    font-weight: bold;
}

/* user */
.user {
	margin: 1px;
	text-align: center;
}
.user .base {
	text-align: center;
	clear: both;
}

.column {
	float: left;
}

.centerText {
	text-align: center;
}
.rightText {
	text-align: right;
}
.leftText {
	text-align: left;
}
.padded0{
	padding: 0;
}
.padded3{
	padding: 3px;
}
.padded5{
	padding: 5px;
}
.padded10{
	padding: 10px;
}
.padded20{
	padding: 20px;
}
.letter{
	background-color: #EBF3FA;
	border: thin solid Black;
	padding: 5px;
}
.letter_on{
	background-color: #1E90FF;
	border: thin solid Black;
	padding: 5px;
}