/* general */

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

a{
        color: #000000;
}
a:hover{
        color: #6888CA;
        text-decoration: none;
}

.footer{
        background-color: #6888CA;
        font : 8pt Verdana, Arial, Helvetica, sans-serif;
        color: #FFFFFF;
        padding:10px;
        text-align:center;
}
.footer a{
        color: #FFFFFF;
}
.footer a:hover{
        color: #FFFFFF;
        text-decoration:none;
}
.body{
        font : 8pt Verdana, Arial, Helvetica, sans-serif;
        color : #000000;
        text-align:left;
}
.handler{
        width:980px;
        margin:0 auto;
        padding:0;
}
.page{
        background-color: #FFFFFF;
        text-align:left;
        float:left;
        width:980px;
        border-right: 1px solid #C4C7CC;
        border-left: 1px solid #C4C7CC;

}
.top{
        border-top: 8px solid #6888CA;
        background-color:#FFFFFF;
        min-height:204px;
}
.logo{
        float: left;
        padding: 15px;
        vertical-align: top;
}
.topmenu{
        text-align:right;
        padding:5px;
        font-size:13px;
        z-index:1001;
}

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;
}

.menubar{
        /*background-color: #68ABCA;*/
        background-image:url("top_bar_bg.jpg");
        padding:10px;
        border-top:1px solid #558CA6;
        /*border-bottom:1px solid #558CA6;*/
        text-align:center;
}
.submenu{
        background-image:url("submenu.gif");
/*        background-color: #F2F2F2;*/
/*        border-bottom: 1px solid #CCCCCC;*/
        padding:5px;
        text-align:center;
        vertical-align:middle;
        font-size: 13px;
}
.submenu a{
        /*border:1px solid #CCCCCC;*/
        /*background-color: #FFFFFF;*/
        padding:3px;
        text-decoration:none;

        color: #FFFFFF;
        font-size:13px;
}
.submenu a:hover{
        /*background-color: #F2F2F2;*/
        color:#FFFFFF;
        background-image: url(orange_bar_rollover.jpg);
        background-position:center;
    font-size: 13px;
}

#error{
        background-color: #F9F8BA;
        border-bottom:1px dashed #BAA13D;
        padding:8px;
        text-align:center;
}
.columnWide{
        float:left;
        width:750px;
}

.columncontest{
        float:left;
        width:970px;
}

.columnSmall{
        float:left;
        width:210px;
        background-color:#EFF8FB;
}

#left-column-video-section {
		float:left;
		width:160px;
}

#left-column-video-section .formelement .formset .textfield {
	width:120px !important;
	padding-left:0px;
}

#left-column-video-section .grey-body {
	padding:5px 0px;
}

#right-column-video-player {
float:left;
width:283px;
}

#right-column-video-player .formelement .formset .textfield {
	width:220px !important;
	padding-left:0px;
}

#right-column-video-player .grey-body {
	padding:5px 0px;
}

.columnspacer{
        float:left;
        width:10px;
        background-color:#EFF8FB;
}

.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{
        text-align:right;
        color: #4F6BA3;
        text-decoration:none;
        font-size:13px;
}
.topmenu a:hover{
        text-align:right;
        text-decoration:underline;
                font-size:13px;
}

.menubar a{
        color: #FFFFFF;
        text-decoration:none;
        font-size:13px;
        font-weight:bold;
        padding-left: 2px;
        padding-right: 2px;
}
.menubar a:hover{
    /*background-color:#00CC00;*/
        background-image:url(orange_bar_rollover.jpg);
        color: #FFFFFF;
        font-size:13px;
        font-weight:bold;
        padding-top:10px;
        padding-bottom:10px;
                padding-left: 2px;
        padding-right: 2px;
}

.menubarON{
        display:inline;
        color: #FFFFFF;
        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;
}

h4 {
        font: 10pt Tahoma, "Trebuchet MS", Arial, sans-serif;
        color: #508bb3;
        margin: 0 0 5px 0;
}

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

..highlight{

}

/* blocks */
.brown-header{
        background:url('sky-header.gif');
        /*background-color: #F9F1E1;*/
        font-family:Arial, Helvetica, sans-serif;
        font-size: 12pt;
        font-weight:normal;
        padding:21px;
        text-align:left;
        color: #636363;
}
.brown-body{
        padding:5px;
        background-color: #FFFFFF;
        /*border-bottom: 1px solid #D3BE96;
        border-right: 1px solid #D3BE96;
        border-left: 1px solid #D3BE96;*/
}

.green-header{
        background:url('sky-header.gif');
        /*background-color: #F9F1E1;*/
        font-family:Arial, Helvetica, sans-serif;
        font-size: 12pt;
        font-weight:normal;
        padding:21px;
        text-align:left;
        color: #636363;
}
.green-body{
        padding:5px;
        background-color: #FFFFFF;
        /*border-bottom: 1px solid #96D396;
        border-right: 1px solid #96D396;
        border-left: 1px solid #96D396;*/
}

.blue-header{
        background:url('sky-header.gif');
        /*background-color: #F9F1E1;*/
        font-family:Arial, Helvetica, sans-serif;
        font-size: 12pt;
        font-weight:normal;
        padding:21px;
        text-align:left;
        color: #636363;
}
.blue-body{
        padding:5px;
        background-color: #FFFFFF;
        /*border-bottom: 1px solid #96ABD4;
        border-right: 1px solid #96ABD4;
        border-left: 1px solid #96ABD4;*/
}

.orange-header{
        background:url('sky-header.gif');
        /*background-color: #F9F1E1;*/
        font-family:Arial, Helvetica, sans-serif;
        font-size: 12pt;
        font-weight:normal;
        padding:21px;
        text-align:left;
        color: #636363;
}
.orange-body{
        padding:5px;
        background-color: #FFFFFF;
        /*border-bottom: 1px solid #D4BA96;
        border-right: 1px solid #D4BA96;
        border-left: 1px solid #D4BA96;*/
}

.grey-header{
        background:url('orange_bar.jpg');
        /*background-color: #F9F1E1;*/
        font-family:Arial, Helvetica, sans-serif;
        font-size: 9pt;
        font-weight:normal;
        padding:6px;
        text-align:left;
        color: #000000;
}


.login-header{
        background:url('orange_bar.jpg');
        /*background-color: #F9F1E1;*/
        font-family:Arial, Helvetica, sans-serif;
        font-size: 9pt;
        font-weight:normal;
        padding:6px;
        text-align:left;
        color: #000000;
}


.grey-body{
        padding:5px;
        background-color: #eff8fb;
        font-family:Arial, Helvetica, sans-serif;
        font-size:9pt;
        /*border-bottom: 1px dashed #999999;
        border-right: 1px dashed #999999;
        border-left: 1px dashed #999999;*/
}

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

}

.cardlabel{
        float:left;
        width:80px;
        color: #666666;
}
.cardbody{

}

.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: 79px;
        height: 121px;
}
.member-online-photo{
        background-color: #F2DEC7;
        border: 1px solid #998C7D;
        padding: 8px;
}

.member-online-photo-photo{
        width: 60px;
        height: 51px;
        border: 1px solid #998C7D;
        background-color: #fff;
        overflow: hidden;
}

.member-online-photo-photo div {
        width: 60px;
        height: 51px;
        display: table-cell;
        vertical-align: middle;
        overflow: hidden;
        line-height: 51px;
        text-align: center;
}

.member-online-photo-photo div img {
        vertical-align: middle;
}

.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-photo-photo{
        width: 60px;
        height: 51px;
        border: 1px solid #999;
        background-color: #fff;
        overflow: hidden;
}

.member-offline-photo-photo div {
        width: 60px;
        height: 51px;
        display: table-cell;
        vertical-align: middle;
        overflow: hidden;
        line-height: 51px;
        text-align: center;
}

.member-offline-photo-photo div img {
        vertical-align: middle;
}

.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:542px;
}

.photo-photo{
        background-color: #FFFFFF;
        border: 0px solid #999999;
        padding: 8px;
}

/*new photo */

.photo_big{
}

.photo_big .photo-photo-big {
        padding: 10px;
        width: auto;
        height: auto;
        line-height: normal;
        float: none;
        /*text-align: center;*/
        border: 1px solid #999;
        background-color: #fff;
}

.photo-photo{
        background-color: #F2F2F2;
        border: 1px solid #999999;
        padding: 8px;
}

.photo-photo-photo {
        width: 60px;
        height: 51px;
        border: 1px solid #999;
        background-color: #fff;
        overflow: hidden;
}

.photo-photo-photo div {
        width: 60px;
        height: 51px;
        display: table-cell;
        vertical-align: middle;
        overflow: hidden;
        line-height: 51px;
        text-align: center;
}

.photo-photo-photo div img {
        vertical-align: middle;
}

.photo-preview {
        width: 60px;
        height: 51px;
        overflow: hidden;
        border:1px solid #999;
}

/*new photo */

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

.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:0;
        padding:0;
        width:530px;
}
.form2{
        text-align:center;
        margin:0;
        padding:0;
        width:730px;
}

/* new forms */


.form label.formError {
        color: #b35050;
        width: 100%;
        /*float: left;*/
        padding-left: 25px;
        background: url(./icons/error.gif) 0 0 no-repeat;
        margin: 0;
        text-align: left;
        display: block;
        line-height: 18px;
}
.form fieldset label.formError {
        margin: 0;
}

.form label.formSuccess {
        float: none;
        width: 20px;
        height: 18px;
        margin: 0 0 0 5px;
        padding: 0;
        background: none;
        line-height: 18px;
        display: inline;
}
.form label.formSuccess img {
        width: 20px;
        height: 18px;
        vertical-align: top;
}
/* new forms */


.formlabel{
        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;
}
.formelement{
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #4E8199;
        float:left;
        margin:3px;
        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;
}

/* 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-blue-category{
        padding:3px;
}
.list-blue-category a{
        color: #507EA9;
}
.list-blue-category a:hover{
        color: #000000;
}
.list-blue-subcategory{
        padding:3px;
        padding-left:20px;
}
.list-blue-subcategory a{
        color: #507EA9;
        text-decoration:none;
}
.list-blue-subcategory a:hover{
        color: #000000;
}

.list-orange{
        font : 8pt Verdana, Arial, Helvetica, sans-serif;
        color : #000000;
        border-top:2px solid #C99F67;
}
.list-orange a{
        color: #000000;
}
.list-orange a:hover{
        color: #A8824F;
}
.list-orange-header{
        background-color: #F0E4D5;
        padding:3px;
        border-right:1px solid #FFFFFF;
        border-bottom:1px solid #FFFFFF;
        height:20px;
}
.list-orange-item{
        text-align:left;
        background-color: #FAF3EB;
        padding:3px;
}
.list-orange-item-1{
        text-align:left;
        border-right:1px solid #FFFFFF;
        border-bottom:1px solid #FFFFFF;
        background-color: #FAF3EB;
        padding:3px;
        height:20px;
}
.list-orange-item-2{
        text-align:left;
        border-right:1px solid #FFFFFF;
        border-bottom:1px solid #FFFFFF;
        background-color: #FFFCF7;
        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;
}

/* banners */
.banner-header{
position:relative;
        z-index:2;
        padding:5px;
        left: -60px;
        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 {
border:1px solid #CCC;
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;
}

.overlay {
        position: relative;
        z-index:202;
        left: 3px;
        top: 0px;

}

/* 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: 805px;
}
.column-videosPage-left {
        float: left;
        width: 160px;
}

.column-video-right {
        float: left;
        width: 283px;
}
.column-video-left {
        width: 680px;
        float: left;
}
.columnWideVideo{
        float:left;
        width:750px;
}

.columnSmallVideo{
        float:left;
        width:210px;
        background-color:#EFF8FB;
}
.floatSet {
        overflow: hidden;
        zoom: 1;
}
.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;
}
.vCard .base {
        text-align: center;
        font: 8pt Arial, sans-serif;
        color: #000;
}
.vCard .base_left {
        text-align: left;
        padding: 0 3px 0 3px;
        width: 122px;
        height: 84px;
}
.vCard .highlight a {
        color: #000;
}
.vCard .duration {
        float: left;
        font-weight: bold;
}
.vCard .rating {
        text-align: right;
}
.vCard .title {
        width: 122px;
        height: 34px;
}

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

#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;
}

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

.avatarLarge {
        margin: 2px;
        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;
}

/* START Photo Comments   */
        .star-rating{
                list-style:none;
                margin: 0px;
                padding:0px;
                width: 125px;
                height: 25px;
                position: relative;
                overflow:hidden;
                background: url(alt_star.gif) top left repeat-x;
        }
        .star-rating li{
                padding:0px;
                margin:0px;
                float: left;
        }
        .star-rating li a{
                display:block;
                width:25px;
                height: 25px;
                line-height:25px;
                text-decoration: none;
                text-indent: -9000px;
                z-index: 20;
                position: absolute;
                padding: 0px;
                overflow:hidden;
        }
        .star-rating li a:hover{
                background: url(alt_star.gif) left bottom;
                z-index: 2;
                left: 0px;
                border:none;
        }
        .star-rating a.one-star{
                left: 0px;
        }
        .star-rating a.one-star:hover{
                width:25px;
        }
        .star-rating a.two-stars{
                left:25px;
        }
        .star-rating a.two-stars:hover{
                width: 50px;
        }
        .star-rating a.three-stars{
                left: 50px;
        }
        .star-rating a.three-stars:hover{
                width: 75px;
        }
        .star-rating a.four-stars{
                left: 75px;
        }
        .star-rating a.four-stars:hover{
                width: 100px;
        }
        .star-rating a.five-stars{
                left: 100px;
        }
        .star-rating a.five-stars:hover{
                width: 125px;
        }
        .star-rating li.current-rating{
                background: url(alt_star.gif) left center;
                position: left;
                height: 25px;
                display: block;
                text-indent: -9000px;
                z-index: 1;
        }
        a:active{
                outline: none;
        }
/* END Photo Comments   */