html, body {
    margin: 0px;
    padding: 0px;
    font: normal 12px "Arial", sans-serif;
    line-height: 18px;
    color:#666666;
  background-color:#ffffff;
}

h1, h2, h3, h4 {
    font-size: 100%;
    color:#52554c;
}

input.checkbox {
    border: 1px solid #bdac85;
}

.divbutton 
{
	background:#b5b5b5 url(../images/buttonbg.gif) repeat-x;
	font-size: 12px;
	text-align:center;
	color:#fff;
	cursor:pointer;
	border: 1px solid #b5b5b5;
        padding:5px;
}

.divbutton:hover 
{
	background:none;
}

a {
    color: #006699;
    text-decoration: none;
}

a:hover {
    color: #36C5E4;
    text-decoration: none;
}


.relatedvideothumb a img {
    padding: 2px;
    border: 1px solid #EAEAEA;
}


.clear {
    clear: both;
}


form {
    margin: 0;
    padding: 0;
    color: #52554c;
}


input.fullboxtext {
    padding: 3px;
    border: 1px solid #d3d3d3;
    background: #ffffff url(../images/tpl_input_bg.gif) repeat-x top left;
    font: normal 12px "Arial", sans-serif;
    width: 250px;
    height: 15px;
}

textarea.fullboxtext{
    margin: 0 0 10px 0;
    padding: 6px;
    border: 1px solid #d3d3d3;
    font: normal 11px "Arial", sans-serif;
    width: 260px;
}

/* Header  */
.header {
	width:100%;
	background:url(../images/topbg.png) repeat-x;
	text-align:center;
}

.headercontent {
	width:980px;
	margin-left: auto;
  	margin-right: auto;
	font-family:arial;
}


.headermenuuser {
	width:100%;
	background:url(../js/usertopmenu-files/usermenubg.gif) repeat-x;
	text-align:center;
}

.headermenu {
	width:100%;
	background:url(../js/topmenu-files/topmenubg.gif) repeat-x;
	text-align:center;
}

.maincontent {
	width:980px;
	margin-left: auto;
  	margin-right: auto;
}

.headlogin {
	float:right;
	height:22px;
	color:#ffffff;
}

.headsearch {
	float:right;
	padding-top:10px;
	color:#ffffff;
}

.leftcol {
	float:left;
	width:265px;
	padding:10px 0 0 0;
}


.footerbox {
	float:right;
	width:300px;
	height:100%;
	text-align:left;

}

.leftheader {
  /*	background:url(../images/header/headerbg.png) no-repeat; */
	height:30px;
	font: bold 20px 'Arial';
	text-align:center;
	padding: 5px 0 0 0;
	color:#197491;
	width:265px;
	clear: both;
  border-top:2px solid #197491;
}

.leftheader_g {
	background:url(../images/header/headerbg_g.png) no-repeat;
	height:30px;
	font: normal 16px 'Arial';
	text-align:center;
	padding: 5px 0 0 0;
	color:#333333;
	width:252px;
	clear: both;
}

.leftbox {
	width:265px;
  /*border:1px solid #C3D0EC;*/
	margin:0 0 15px 0;
}

.leftbox_g {
	width:250px;
	border:1px solid #ECC101;
	margin:0 0 15px 0;
}

p.leftboxitem {

    margin: 10px;

    padding: 5px;

    border-bottom: 1px dotted #897665;

    display: block;

}


#rightbox {
	padding:10px 10px 0 0;
	width:675px;
	float:left;
        margin:0 0 0 15px;
}


/* END header */
.inbox {
	font: normal 11px/14px "Arial", sans-serif;
	color:#52554c;
}

.inbox th {
    border-bottom: 3px solid #5F7AA9;
    height: 30px;
    background-color:#F4F4F4;
    text-align: center;
    color:#52554c;
}

.inbox td {
    height: 20px;
    padding: 4px 10px 4px 10px;
    color:#52554c;
}

.inbox td.blue {
    background-color: #F4F4F4;
    padding: 4px 10px 4px 10px;
    color:#52554c;
}


#leftside {
    margin: 0px;
    padding: 0px;
    width: 500px;
    text-align: left;
    float: left;
}


#fullside {
    margin: 0px;
    padding: 0px;
    width: 728px;
    text-align: left;
}

#tabmenucontainer {
    margin: 0px;
    padding: 0px;
    position: relative;
    top: 15px;
    width: 700px;
}



#tabmenucontainer ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: center;
    font: normal 14px/24px "Arial", sans-serif;
}



#tabmenucontainer li {
    display: inline;
    margin: 0px;
    padding: 0px;
    text-indent: -7px;
}

#tabmenucontainer a {
    float: left;
    display: block;
    width: 125px;
    height: 25px;
    color: #52554c;
    border: none;
    text-decoration: none;
}



#tabmenucontainer a:link, #tabmenucontainer a:visited, #tabmenucontainer a:hover, #tabmenucontainer li a.tabactive {
    float: left;
    background: transparent url(../images/tpl_tabs_btn.gif) no-repeat left top;
    background-position: 0% -25px;
}



#tabmenucontainer a:link, #tabmenucontainer a:visited {
    background-position: 0% -25px;
}



#tabmenucontainer ul li.tabactive {
    background: transparent url(../images/tpl_tabs_btn.gif) no-repeat left top;
    background-position: 0% 0px;
    line-height: 24px;
}



#tabmenucontainer a:hover {
    background-position: 0% -50px;
    line-height: 24px;
}


#tabmenucontainer li a.tabactive {
    background-position: 0% 0px;
    line-height: 24px;
}


#bookmark-title, #videodetails-title, #small-rightbox-title,  #fullbox-title {
    height: 25px;
    padding-left: 10px;
    background: url("../img/mark/cont_pup01.gif") repeat-x;
    font: normal 19px "Arial", sans-serif;
    letter-spacing: 1px;
    color:#52554c;
}


#small-rightbox-title-small{
    height: 25px;
    padding-left: 10px;
    background: url("../images/tpl_box_bar.png") repeat-x;
    font: normal 15px/23px "Arial", sans-serif;
    letter-spacing: -1px;
    color:#52554c;
}  

#login-content, #vote-content, #fullbox-content,#invitefriend-content,#viewvideo-content,
#bookmark-content, #smallbox-content, #videodetails-content, #sharedetails-content, 
#small-rightbox-content {
    padding:10px;
    margin-top: 2px;
}

#videocomment-content, #myvideo-content {
	background:transparent url("../images/tpl_box_shading.png") repeat-x;
	margin-top:2px;
	padding: 0 0 20px 0;
}


#small-rightbox-content span.title {
	font: normal 13px "Arial", sans-serif;
}

#small-rightbox-content span.duration {
	font: bold 12px "Arial", sans-serif;
}

#small-rightbox-content span.info {
	color: #999999;
	font-size: 13px;
}

#small-rightbox-content span.tags {
	text-decoration: none;
	font-weight: normal;
	border-bottom:dotted 1px #aaaaaa;
}

#viewvideo,#myvideo, #bookmark, #videodetails, #sharedetails, #videocomment {
    display:block;
    width:496px;
    padding:2px;
    background: #FFFFFF;
    border: 1px solid #F5F5F5;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    color: #52554c;
}


#useraction {
    display:block;
    width:450px;
    padding:2px;
    background: #FFFFFF;
    border: 1px solid #F5F5F5;
    margin-bottom: 20px;
    margin-left:20px;
}

#useraction span.info {
	color: #999999;
}

#bookmark ul{
    margin-left: 20px;
    padding: 0;
}

* html #bookmark ul{
    margin-left: 0;
    padding: 0;
}

#useraction p {
    float: left;
    margin: 20px;
}

.comment {
    float: left;
    display: block;
    border-bottom: 1px solid #eaeaea;
    width: 477px;
}

.comment p a img {
    margin: 0 20px 10px 0;
    padding: 0px;
    text-decoration: none;
    border: 1px solid #bbbfaf;
    float: left;
}

.blue {
    background: #e1f6f7;
}

.selectedvideo {
    background: #fdf2f7;
}

.contentbox {
    margin: 10px;
    color:#52554c;
}


#bookmarklist{
    margin: 0 auto;
    text-align: center;
}

#bookmarklist li {
    list-style-type: none;
    margin: 0 20px 20px 0;
    float: left;
}

.ratingDiv,.boxPart {
    margin: 5px 0;
    text-align: center;
    padding-bottom: 7px;
    border-bottom: 1px solid #F5F5F5;	
    font-size: 13px;
} 

.relatedvideolist {
    margin: 0 0 20px 0;
    padding-top: 5px;
    padding-bottom: 5px;
}


#rightside {
    margin-right: 10px;
    width: 215px;
    text-align: left;
    float: right;
}



#login, #vote, #relatedvideo,#small-rightbox {
    display:block;
    width:213px;
    padding:2px;
    background: #FFFFFF;
    border: 1px solid #F5F5F5;
}

#login form {
    margin: 2px;
    padding: 0px;
}



#login form p {
    margin: 0px;
    padding: 0px;
    font: normal 13px "Arial", sans-serif;
    color: #474038;
}

#login form a {
    font: normal 12px "Arial", sans-serif;
}



#login form p input.logintext {
    margin: 0 0 5px 0;
    padding: 2px;
    border: 1px solid #d3d3d3;
    background: #ffffff url(../images/tpl_input_bg.gif) no-repeat top left;
    font: normal 11px "Arial", sans-serif;
    width: 180px;	
    color: #474038;
}



#login form p input.loginbutton {
    margin: 15px 0 0 0;
    padding: 0px; 
}


#login, #recenttags,#small-rightbox {
    margin: 0px 0 0 5px;
    margin-bottom:10px;
}



#small-rightbox-content textarea.fullboxtext{
    width:180px;
}



#login-nosearch, #recenttags-nosearch{
    margin: 0px 0 0 5px;
}

#vote{
    margin: 10px 0 0 5px;
}


#channel, #tags {
    margin: 0px 5px 0px 5px;
    padding: 2px 5px 30px 5px;
    text-align: left;
    width: 225px;
    color: #5b8c88;
    float: left;
}



#channel h3, #tags h3 {
    margin: 0px 0 0px 0;
    height:30px;
    font: normal 20px "Arial", sans-serif;
    color: #ffffff;
    text-align:center;
    letter-spacing: 1px;
}

#channel p {
    margin: 0px;
    padding: 5px;
    border-bottom: 1px dotted #897665;
    display: block;
}

#tags p {
    margin: 0px;
    padding: 0px;	
    padding-top: 5px;
    text-align: justify;
    display: block;
}


#channel p:hover {
    background: #B3C6FF;
}

#channel p a {
    text-decoration: none;
    color: #52554c;
}

#channel p a:hover {
    color: #52554c;
}

#channel img {
padding: 1px;
}

#tags p a {
    border: none;
    text-decoration: none;
    color: #52554c;
}



#tags p a:hover {
    color: #B3C6FF;
}



#tags p.semore {
    float: right;
    border: none;
}


#footcontainer {
   margin: 0px auto;
   padding: 0px;
   text-align: center;
   background-color:#666666;
}


#footcontainer p {
    margin: 0 10px;
    padding: 0px;
    color: #ffffff;
    font: normal 12px Arial;
}


#footcontainer p a {
    margin: 0px;
    border: none;
    text-decoration: none;
    color: #ffffff;
}


#footcontainer p a:hover {
    border-bottom: 1px dotted #ffffff;
}

#footcontainer p a img.rss {
    border: none;
    text-decoration: none;
}


#fullbox{
    display:block;
    width:695px;
    padding:2px;
    background: #FFFFFF;
    border: 1px solid #F5F5F5;
    text-align: left;
    color:#52554c;
}


.submitbutton {
    margin-left: 150px;
    padding : 10px 0 0 25px;
} 


#signup form {
    margin: 10px;
    padding: 0px;
    color:#52554c;
}

#signup label, #fullbox label {
    float: left;
    width: 150px;
    padding: 0 1em;
    text-align: right;
    font: normal 13px "Arial", sans-serif;
    color: #787878;
}

#signup form p {
    margin: 0px;
    padding: 0px;
    font: normal 13px "Arial", sans-serif;
    color: #008ece;
}



#signup form input.signuptext,#fullbox form input.fullboxtext {
    margin: 0 0 10px 0;
    padding: 2px;
    border: 1px solid #d3d3d3;
    background: #ffffff url(../images/tpl_input_bg.gif) no-repeat top left;
    font: normal 11px "Arial", sans-serif;
    width: 250px;
    height: 15px;
}

textarea.fullboxtext {
    margin: 0 0 10px 0;
    padding: 6px;
    border: 1px solid #d3d3d3;
    background: #ffffff url(../images/tpl_textarea_bg.gif) repeat-x top left;
    font: normal 11px "Arial", sans-serif;
    width: 250px;
}

#signup form p input.signupbutton {
    margin: 5px 0 0 0;
    padding: 0px;
}



/* required fields - does not work in IE */

#signup div.fm-req {
    font-weight: bold;
}



#signup div.fm-req label:before {
    content: "* "; /* does not work in IE */
    color: #787878;
}

.captcha {
    float: right;
    width: 400px;
    text-align: center;
    margin-right: 0px;
}

.captcha {

}


p.specialmessage {
    border: 1px solid #EEE;
    padding: 10px;
    margin: 10px auto;
    width: 350px;
    text-align: center;
    background-color: #F0FCFF;
}

.navvideo {

    display: inline;

    text-align: right;

    float:left;

}

#fullbox-title .basicdetailed {
    display: inline;
    font: normal 11px "Arial", sans-serif;
    color: #333333;
    letter-spacing: normal;
    margin: 0 40px 0 40px;
    width:100px;
    float:left;
    padding-top:5px;
}

#fullbox-title .basicdetailed a:hover{
    color: #52554c;
}

.titlepage{
    float:left;
}

.videopaging {
    display: inline;
    width: 200px;
    font: normal 11px "Arial", sans-serif;
    color: #333333;
    letter-spacing: normal;
    margin: 0;
    text-align: right;
    float:right;
    padding-top:5px;
    margin-right:10px;
}

#fullbox-title p img {
    margin-right: 5px;
}

#videobox {
    text-align: center;
    margin: 0 auto;
    line-height: 14px;	
    border: 1px solid #cccccc;
    background: url("../images/tpl_box_shading.png") repeat-x;	
    padding:0 5px 0 5px;	
}

#videobox table tr td{
    padding-bottom: 30px;
    padding-left:0px;
}

#videobox img {
    padding: 1px;
    border: 1px solid #cccccc;
}

#videobox img.star {
    border: none;
}

#videobox span.title {
	font: normal 12px "Arial", sans-serif;
}

#videobox span.duration {
	font: bold 11px "Arial", sans-serif;
}

#videobox span.info {
	font:normal 11px "Arial", sans-serif;
	color:#999999;
}

.center {
    text-align: center;
}

#paging{
    width:496px;
    margin: 0px auto;
    padding: 0px;
    text-align:center;
}

#paging-left{
    width:496px;
}

.pagingnav{
    width:495px;
    font: normal 11px "Arial", sans-serif;
}

.pagingnav {
    padding: 0;
    margin: 0px auto;
    line-height: 28px;
    text-align: center; /*set value to "left", "center", or "right"*/
}

.pagingnav  {
    padding: 2px;
}

.pagingnav a{
    color: #333;
    padding: 2px 4px;
    margin: 2px; 
    text-decoration: none;
    border: 1px solid #ccc;
    /* display: block; */
}

span.pagingnav {
    color: #333;
    padding: 2px 4px;
    margin: 2px; 
    text-decoration: none;
    border: 1px solid #5F7AA9;
    background-color: #F4F4F4;
    /* display: block; */
}

.pagingnav a:hover{
    text-decoration: none;
    background-color: #effcff;
    font-weight: normal;
}

.replythis {
    background: url(../images/tpl_icon_reply.gif) no-repeat left center;
    padding: 0 80px 0 20px;
    float: right;
    margin-bottom: 10px;
}

.videoplayer {
    margin-left: 13px;
}

.textdesc{
    width:120px;
}

.subtitletxt {
	font:bold 14px arial;color:#32a8a8;
}

.listchannel, .listchannellarge{
    float:left;
    padding:10px;
    margin-bottom: 5px;
    color: #52554c;
}

.listchannellarge{
    width:650px;
}

.listchannellarge .imagechannelinfo,.listchannellarge .imagechannel{
    float:left;
}



.listchannellarge .imagechannelinfo{
    padding-left:10px;
    text-align:left;
}

.listchannel .imagechannel a img{
    width:60px;
    height:45px;
}

.listchannellarge .imagechannel a img{
    width:120px;
    height:90px;
}


.listchannel .star img,.listchannellarge .star img{
    border:none;
}

.startratebox{
    height:19px;
    width:120px;
    border:0px solid;
}

.startratebox img {
    border: 0 !important;
}


.startratebox2{
    height:19px;
    width:192px; 
    border:0px solid;
}

.startratebox2 img {
    border: 0 !important;
    width:11px;
}


.myvideo {
    margin-top: 10px;
    width: 495px;
    display:block;
    float: left;
    color: #52554c;
}

.videothumb {
    width: 140px;
    display: block;
    float: left;
    text-align: center;
}

.videothumb img {
    padding: 2px;
    border: 1px solid #EEE;
}

.maindesc {
    width: 320px;
    display: block;
    float: left;
    margin: 0 0 0 10px;
}


a.newmail {
    padding-left: 25px;
    background: transparent url(../images/tpl_icon_new_message.gif) no-repeat;
    font-weight:bold;
}

a.openedmail {
    padding-left: 25px;
    background: transparent url(../images/tpl_icon_message.gif) no-repeat;
}


#prevmovie {
    width: 60px;
    float: left;
    padding-left: 7px;
    text-align: center;
}

#nextmovie {
    width: 60px;
    float: left;
    text-align: center;
}

#playmovie {
    width: 60px;
    float: left;
    text-align: center;
}

.relatedvideothumbnail {
    padding-left: 5px;
    width: 60px;
    float: left;
    display: block;
    text-align: center;	
}

.relatedvideodesc {
    width: 100px;
    float: left;
    display: block;
    padding-left: 8px;
    text-align:left;	
    font: normal 11px/14px "Arial", sans-serif;
}


.boxtable{
    padding-left:30px;
}


.comment-content{
    /* word-wrap: break-word ; */
    overflow: auto;
    width:300px;
}


a.cloudtags {
	text-decoration: none;
	padding: 2px;
	color: #665c50;
}

a.cloudtags:hover {
	text-decoration: none;
	border-bottom: none;
	background: #0094CE;
	color: white;
	padding: 2px;
}

.comment-divider {
	border-bottom: dotted 1px #ccc;
}

.comment-image {
	margin: 3px;
	margin-top: 7px;
	padding: 1px;
	border: 1px solid #ccc;
}

span.comment-info {
	font-size: 11px;
	color: #999999;
}

.comment-body {
	padding: 8px;
	border: 1px dashed #CCCCCC;
	background: #FDFDFD;
}

#videotabcontainer {
    margin: 0 0 0 5px;
    padding: 0px;
    position: relative;
    top: 0px;
    width: 375px;
}



#videotabcontainer ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: center;
    font: normal 14px/24px "Arial", sans-serif;
}



#videotabcontainer li {
    display: inline;
    margin: 0px;
    padding: 0px;
    text-indent: 0px;
}



#videotabcontainer a {
    float: left;
    display: block;
    width: 110px;
    height: 25px;
    color: #52554c;
    border: none;
    text-decoration: none;
}



#videotabcontainer a:link, #videotabcontainer a:visited, #videotabcontainer a:hover, #videotabcontainer li a.tabactive {
    float: left;
    background: transparent url(../images/tpl_videotabs_btn.gif) no-repeat left top;
    background-position: 0% -25px;
}



#videotabcontainer a:link, #videotabcontainer a:visited {
    background-position: 0% -25px;
}



#videotabcontainer ul li.tabactive {
    background: transparent url(../images/tpl_videotabs_btn.gif) no-repeat left top;
    background-position: 0% 0px;
    line-height: 24px;
}



#videotabcontainer a:hover {
    background-position: 0% -50px;
    line-height: 24px;
}

 



#videotabcontainer li a.tabactive {
    background-position: 0% 0px;
    line-height: 24px;
}


/* MY CSS */
.myheader1 {
   	width:100%;
	height:30px;
	font: bold 16px arial;
	color:#333333;
	text-align:left;
	background:transparent url('../images/co_bg.png') repeat-x;
	padding:5px;
   margin-left:0px;
}

.myheader2 {
   	width:100%;
	height:22px;
	font: bold 16px arial;
	color:#ffffff;
	text-align:left;
	padding:5px;
   margin-left:0px;
}

.mywrapper1 {
	width:100%;
	font: normal 12px arial;
	color:#666666;
	border:1px solid #e1e1e1;
	padding:3px 13px 3px 3px;
	text-align:justify;
}

.mywrapper2 {
	width:100%;
	font: normal 14px arial;
	color:#666666;
	border:1px solid #e1e1e1;
	padding:3px 13px 10px 3px;
	text-align:justify;
}

.text05 {
	font-family: "Arial", sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}
.text06 {
	font-family: "Arial", sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #4D6CA1;
}


#subtitle {
    margin: 0px 0px 0px 0px;
    padding: 10px 10px 10px 0px;
    font: bold 16px "Arial", sans-serif;
    color: #52554c;
    text-align:center;
    letter-spacing: 1px;
    border: 1px solid #CCCCCC;
}


#session {
    margin: 0;
    padding: 10px 0 10px 0px;
    font: normal 11px "Arial", sans-serif;
    color: #52554c;
    text-align:left;
    letter-spacing: 1px;
}


#session span.title {     
     	color: #52554c;
	font: bold 12px "Arial", sans-serif;
	border-bottom: 1px dotted #CCCCCC;
}

#session span.titlebar {     
     	 color: #027DC4;
	 font: bold 13px "Arial", sans-serif;
}


#session span.pending {     
    font: normal 12px "Arial", sans-serif;
    color: #FF1A1A;
    display:block;
    background: transparent url(../images/icon/pending.png) no-repeat;
}


#session span.confirm {     
    font: normal 12px "Arial", sans-serif;
    color: #62DD45;
    display:block;
    background: transparent url(../images/icon/accepted.png) no-repeat;
}

#session span.reject {     
    font: normal 12px "Arial", sans-serif;
    color: #FF1A1A;
    display:block;
    line-height:20px;
    background: transparent url(../images/icon/reject.png) no-repeat;
}

#session span.completed {     
   font: normal 12px "Arial", sans-serif;
   color: #62DD45;
   display:block;
   background: transparent url(../images/icon/completed.png) no-repeat;
}


#session span.notcomplete {     
    font: normal 12px "Arial", sans-serif;
    color: #52554c;
    display:block;
    background: transparent url(../images/icon/notcomplete.png) no-repeat;
}


#session span.paymentinfo{
         line-height:20px;
	 /*line-spacing:10px; */
	 color: #52554c;
	 font: bold 12px "Arial", sans-serif;
}

.quote {
	width:90%;
	padding:5px;
	margin-top:5px;
	font:normal 12px arial;
	color:#52554c;
	background-color:#f8f8f8;
	border:1px dotted #e1e1e1;
	text-align:justify;
}

.text03 {
	font-family: "Arial", sans-serif;
	font-size: 11px;
	color: #262626;
	line-height: 16px;
}


.text07 {
	font-family: "Arial", sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #262626;
}

.text09 {
	font-family: "Arial", sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #027DC4;
}

.text04a {
	font-family: "Arial", sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #52554c;
}

.text04b {
	font-family: "Arial", sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #1a6878;
}

.text04c {
	font-family: "Arial", sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffbd28;
}

.text04 {
	font-family: "Arial", sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0773FF;
	padding:10px 0 10px 0 ;
}

.text12 {
	font-family: "Arial", sans-serif;
	font-size: 11px;
	color: #717171;
}

.text12a {
	font-family: "Arial", sans-serif;
	font-size: 12px;
	color: #717171;
}
.text13 {
	font-family: "Arial", sans-serif;
	font-size: 13px;
	color: #52554c;
}

.text14 {
	font-family: "Arial", sans-serif;
	font-size: 11px;
	color: #999999;
}

.mytext01 {
	font-family: "Arial", sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #027DC4;
}

.mytitle {
    	padding: 5px 0 5px 15px;
    	background: url("../images/titlebg.gif") repeat-x;
    	font: normal 19px "Arial", sans-serif;
    	color:#52554c;
	border-top:1px solid #e1e1e1;
	border-left:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
	text-align:left;
}

#clientname {
	font-family: "Arial", sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #aaaaaa;
}

.p_complete {
	font-family: "Arial", sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #6ed66f;
}

.p_incomplete {
	font-family: "Arial", sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ff6339;
}

.p_critical {
	font-family: "Arial", sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ff6339;
}

a.sessiontitle:link {
text-align:justify; 
font-family: Arial;
font-size: 16px; 
font-weight: bold;
color:#262626;
line-height:15px;
display:block;
text-decoration:none;
}

a.sessiontitle:hover {
text-align:justify; 
font-family: Arial;
font-size: 16px; 
font-weight: bold;
color:#027DC4;
line-height:15px;
display:block;
text-decoration:none;
}

a.sessiontitle:visited {
text-align:justify; 
font-family: Arial;
font-size: 16px; 
font-weight: bold;
color:#262626;
line-height:15px;
display:block;
text-decoration:none;
}

#apage {
    display:inline;
    color: #333;
    padding: 2px 3px 2px 3px;
    margin: 0 5px 0 5px; 
    text-decoration: none;
    border: 1px solid #5F7AA9;
    background-color: #ffffff;
}

#apage a{
    color: #333;
    padding: 2px 3px 2px 3px ;
    margin: 0 5px 0 5px; 
    text-align: center; /*set value to "left", "center", or "right"*/
    text-decoration: none;
    display: block;
}

a.expert:link {
	font-family: "Arial", sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #027DC4;
}
a.expert:hover {
	 border-bottom: 1px dotted #787878;
}
a.expert:visited {
	font-family: "Arial", sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #027DC4;
}


a.introq:link {
	color:#32a8a8;
	text-decoration:none;
	line-height: 15px;
 	display:block;
}

a.introq:hover {
	color: #32a8a8;
	text-decoration:underline;
 display:block;
}
a.introq:visited {
	color:#32a8a8;
	text-decoration:none;
 display:block;
}


a.orange:link {
	font: normal 12px Arial;
	color: #ff8200;
}

a.orange:hover {
	border-bottom: 1px dotted #ffbd28;
}

a.orange:visited {
	font: normal 12px Arial;
	color: #fec700;
}


a.white:link {
	font: bold 12px Arial;
	color: #474747;
}

a.white:hover {

}

a.white:visited {
	font: bold 12px Arial;
	color: #474747;
}

a.title:link {
	font:bold 13px Arial;
	color: #52554c;
}
a.title:hover {
	 color: #fec700;
}
a.title:visited {
	font:bold 13px Arial;
	color: #52554c;
}

a.getstarted:link {
	font:bold 20px Arial;
	color: #43b9df;
}
a.getstarted:hover {
	color: #43b9df;
	 border-bottom: 1px dotted #787878;
	
}
a.getstarted:visited {
	font:bold 20px Arial;
	color: #43b9df;
}

#errordiv{

	font:normal 14px Arial;
	color: #FF2929;
	 border: 1px solid #fdd981;
	background:#ffefb2 url(../images/symbol/errdiv.png) no-repeat;
	padding:15px 5px 15px 40px;
	background-position:0% 50%;

}

#msgdiv{

	font:normal 14px Arial;
	color: #00C439;
	text-align:justify;
	border: 1px solid #00C439;
	background:#e1ffd0 url(../images/symbol/msgdiv.png) no-repeat;
	background-position:0% 50%;
	padding:15px 5px 15px 40px;

}

#msgdiv span.next{
	font:normal 14px Arial;
	color: #333333;
	padding:5px;
	text-align:justify;
}


#ratediv{

	font:bold 13px Arial;
	color: #20DF05;
	padding:5px;
	display:block;
}

.chantitle{
	font:normal 12px Arial;
	color: #1CB108;
	display:inline;
}


#utab {
	font:bold 11px Arial;
	color: #ffffff;
	cursor:pointer;
}

.tagline {
	float:left;
	width:200px;
	height:80px;
	font:bold 14px Arial;
	font-style:italic;
	color: #ffffff;
	padding-left:10px;
	vertical-align: 100%; 
}

.logo {
	float:left;
	width: 160px;
	height: 73px;
	background: url(../images/logo_beta.png) no-repeat;
}

.linediv {
	padding: 0 3px 0 3px;
	border-bottom:1px dotted #dddddd;
}


.ratebar {
	width:300px;
	padding: 5px 0 0 10px;
	text-align:center;
	font:normal 10px Arial; 
	color:#777777;
}

.ratebar td.green {
    background:transparent url(../images/greenbg.png) repeat-x;
    height:13px;
}

.ratebar td.yellow {
    background:transparent url(../images/yellowbg.png) repeat-x;
    height:13px;
}

.ratebar td.red {
    background:transparent url(../images/redbg.png) repeat-x;
    height:13px;
}

.ratebar td.grey {
    background:transparent url(../images/greybg.png) repeat-x;
    height:13px;
}

.ratebar td.title {
    color:#027DC4;
    height:13px;
}


#progress-bar {
		background: url(../images/percentage-bg.png) no-repeat left center;
		width: 200px;
		height: 25px;
		font: normal 11px arial; 
}
#progress-level {
		background: url(../images/progress.png) no-repeat left center;
		width: 0%; 
		height: 25px;
}
	

.AccordionTitle, .AccordionContent, .AccordionContainer
{
  position:relative;
}

.AccordionContent
{
  width:250px;
  height:0px;
  overflow:auto;
  display:none; 
  background:#ffffff;
  border:1px solid #C3D0EC;
}

.accordiontitle {
    cursor:pointer; 
    font: normal 16px Arial;
    color:#333333;
    padding:5px;
    width:240px;
    text-align:left;
    background:transparent;
    border:1px solid #ffffff;
}

.accordiontitle:hover {
    cursor:pointer; 
    font: normal 16px Arial;
    color:#333333;
    padding:5px;
    width:240px;
    text-align:left;
    background:#ffffff;
    border:1px solid #C3D0EC;
}




#tabbed_box_1 {
	margin: 0px auto 0px auto;
	width:320px;
}
.tabbed_box h4 {
	font:normal 23px Arial;
	color:#ffffff;
	letter-spacing:-1px;
	margin-bottom:10px;
}
.tabbed_box h4 small {
	color:#e3e9ec;
	font:normal 9px arial;
	text-transform:uppercase;
	position:relative;
	top:-4px;
	left:6px;
	letter-spacing:0px;
}
.tabbed_area {
	border:1px solid #c1c1c1;
	background-color:#eeeeee;
	padding:8px;	
}

ul.tabs {
	margin:0px; padding:0px;
	margin-top:5px;
	margin-bottom:6px;
}
ul.tabs li {
	list-style:none;
	display:inline;
}
ul.tabs li span {
	background-color:#464c54;
	color:#ffebb5;
	cursor:pointer;
	padding:8px 14px 8px 14px;
	text-decoration:none;
	font:bold 12px arial;
	border:1px solid #c1c1c1;
	background-image:url(../images/tab_off.jpg);
	background-repeat:repeat-x;	 
	background-position:bottom;
}
ul.tabs li span:hover {
	cursor:pointer;
	background-color:#2f343a;
	border-color:#2f343a;
}
ul.tabs li span.active {
	background-color:#ffffff;
	color:#282e32;
	cursor:pointer;
	border:1px solid #c1c1c1; 
	border-bottom: 1px solid #ffffff;
	background-image:url(../images/tab_on.jpg);
	background-repeat:repeat-x;
	background-position:top;	
}
.content {
	background-color:#ffffff;
	padding:10px;
	border:1px solid #c1c1c1; 	
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/content_bottom.jpg);
	background-repeat:repeat-x;	 
	background-position:bottom;	
}
#content_2, #content_3 { display:none; }

.content ul {
	margin:0px;
	padding:0px 10px 0px 10px;
}
.content ul li {
	list-style:none;
	border-bottom:1px solid #d6dde0;
	padding-top:5px;
	padding-bottom:5px;
	font-size:12px;
}

.content ul li a {
	text-decoration:none;
	color:#027DC4;
	font:bold 12px arial;
}
.content ul li a small {
	color:#8b959c;
	font-size:9px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
	left:4px;
	top:0px;
}
.content ul li a:hover {
	color:#027DC4;
	border-bottom:1px dotted #666666;
}
.content ul li a:hover small {
	color:#baae8e;
}

.useractionmenu {
height:40px;
width:200px;
padding:0px 0px 3px 0px;
/* background:transparent url(../images/useraction/userbannerbg_middle.png) repeat-x; */
}

.useraction{
float:left;
width:36px;
padding:10px 5px 0 5px;
height:40px;
}


#useraction_chat, #useraction_msg, #useraction_book, #useraction_goto, #useraction_rate,#useraction_block,#useraction_unblock,#useraction_editbook,#useraction_cancelbook,#useraction_editfee {
float:left;
width:35px;
height:36px;
padding:10px 0 0 0;
cursor:pointer;
background:transparent url(../images/useraction/useraction_icon.png) no-repeat;
}

#useraction_chat{
background-position:50% 4px;
}

#useraction_msg{
background-position:50% -40px;
}

#useraction_book{
background-position:50% -91px;
}

#useraction_goto{
background-position:50% -144px;
}

#useraction_rate{
background-position:50% -202px;
}
#useraction_block{
background-position:50% -260px;
}
#useraction_unblock{
background-position:50% -306px;
}
#useraction_editbook{
background-position:50% -357px;
}
#useraction_cancelbook{
background-position:50% -407px;
}
#useraction_editfee{
background-position:50% -460px;
}
#useraction_chat:hover{
background-position:50% -2px;
}
#useraction_msg:hover{
background-position:50% -46px;
}
#useraction_book:hover{
background-position:50% -96px;
}
#useraction_goto:hover{
background-position:50% -150px;
}
#useraction_rate:hover{
background-position:50% -208px;
}
#useraction_block:hover{
background-position:50% -265px;
}
#useraction_unblock:hover{
background-position:50% -312px;
}
#useraction_editbook:hover{
background-position:50% -365px;
}
#useraction_cancelbook:hover{
background-position:50% -412px;
}
#useraction_editfee:hover{
background-position:50% -466px;
}

/* **** USER MENU ** */

ul.vbUL1cqf7 {
  position: absolute;
  visibility: hidden;
}
.vbUL1cqf7 {
  position: absolute;
  visibility: hidden;
  display: block;
  overflow: auto;
  font-size: 1px;
  padding: 2px;
  margin: 0px;
  border: 1px solid #646464;
  background-color: #FFFFFF;
  /* opacity:1.00; */
  /* filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); */
}
.vbUL1cqf7 table {
  border-collapse: separate;
  border-spacing: 0px;
}
.vbUL1cqf7 tr {
  font-size: 1px;
  cursor: pointer;
  background-color: #FFFFFF;  
}
.vbUL1cqf7 tr.over {
  background-color: #D7EDF3;
}
.vbUL1cqf7 td {
  border: 1px solid #FFFFFF;
  padding: 3px;
  text-align: left;
}
.vbUL1cqf7 tr.over td {
  border-color: #BFD2D8;
}
.vbUL1cqf7 td a {
  font-family: Tahoma;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
}
.vbUL1cqf7 tr.over a {
  font-family: Tahoma;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
}
.vbUL1cqf7 tr.popup {
  background-color: #D7EDF3;
}
.vbUL1cqf7 tr.popup td {
  border-color: #BFD2D8;
}
.vbUL1cqf7 tr.popup a {
  font-family: Tahoma;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
}
.vbUL1cqf7 tr.separator div {
  height: 1px;
}


div.progress-container {
  border: 1px solid #ccc; 
  width: 150px; 
  margin: 2px 5px 2px 0; 
  padding: 1px; 
  float: left; 
  background: white;
}

div.progress-container > div {
  background-color: #ACE97C; 
  height: 12px
}

.commentnum {
	display:inline;font:bold 11px arial;color:#ffffff;background-color:#60acbb;padding:2px 4px 2px 4px;
}


#searchbox {
	width:265px;
	background: transparent url(../images/search_bg1.gif) repeat-x;
	padding: 5px;
	border: 1px solid #e0dfdf;
	font:normal 12px arial;
}

#searchbox_head {
	width:250px;
	background: transparent url(../images/search_bg2.gif) repeat-x;
	padding: 5px;
	border: 1px solid #c2c0c0;
	font:bold 24px arial;
	text-align:center;
}

.signup_button_round{display:block}
.signup_button_round *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#028fad}
.signup_button_round1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #85c1ce;
  border-right:1px solid #85c1ce;
  background:#3ba5bb}
.signup_button_round2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #d1dfe2;
  border-right:1px solid #d1dfe2;
  background:#2d9fb8}
.signup_button_round3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #2d9fb8;
  border-right:1px solid #2d9fb8;}
.signup_button_round4{
  border-left:1px solid #85c1ce;
  border-right:1px solid #85c1ce}
.signup_button_round5{
  border-left:1px solid #3ba5bb;
  border-right:1px solid #3ba5bb}
.signup_button_roundfg{
  background:#028fad}
.signup_button_roundfg:hover{
  background:#02a4c7;}

