/* RESET CSS */
#popup_doc_edit {width: 120px; height: auto; !important; float: left; display: inline; background: #fff; border: solid 1px #616161; !important; padding-bottom: 10px;position:absolute;
  z-index:2000; !important; }
			#popup_doc_edit h1 {width: 110px; float: left; display: inline; background: #333; font: bold 11px Verdana; color: #fff; padding: 5px;}
			
			#popup_doc_edit ul {width: 100%; list-style: none; margin-top: 12px; margin-left: 8px; float: left; display: block; clear: left;}
			#popup_doc_edit li {display: block; margin-bottom: 0px;}
			#popup_doc_edit li.line {display: block; margin-left: 3px; padding-bottom: 5px; padding-top: 5px;vertical-align: middle;}
			
			#popup_doc_edit li a {font: 11px Verdana; text-transform: capitalize; text-decoration: none; color: #666;}
			#popup_doc_edit li a.disable {font: 11px Verdana; text-transform: capitalize; text-decoration: none; color: #ccc;}
			
			
			#popup_doc_edit li a img {margin-right: 5px; vertical-align: middle; }


body {
    margin: 0;
    padding: 0;
    height:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6,form, p, ol, ul, li , dl, dt, dd, blockquote,fieldset,legend {
    margin: 0px;
    padding: 0px;
}
ol, ul{
    list-style: none;
}
a {
	color:#95ae04;
    text-decoration: none;
    cursor: pointer;
}
a:hover {
	color: #252525;
}
a:focus {
    outline: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a img{
	border:0px;
}

.wai{
    display:none;
}
.cb{
    clear:both;
}
.cl{
    clear:left;
}

.fl{
    float:left !important;
}
.fr{
    float:right !important;
}

a { outline:0; }
/* Index */
.btn_black a {
	padding: 3px 8px 3px 8px;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background: #333333;
	border: 1px solid #999999;
	float: right;
	text-decoration: none;
}
.btn_black a:hover {
	background:  #252525;
}
.btn_green a {
	padding: 3px 8px 3px 8px;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background: #9EB713;
	border: 1px solid #999999;
	float: right;
	text-decoration: none;
}
.btn_green a:hover {
	background:  #252525;
}
.sepline {
	width: 100%;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #CCCCCC;
}
h5 {
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	margin: 5px 10px 5px 10px;
}
#index_wrapper {
	margin-top: 20px;
	margin-bottom: 40px;
	padding: 10px;
	background-image: url(../images/dark_trans.png);
	float: left;
}
#index_content {
	width: 680px;
	float: left;
	background: #FFFFFF;
	border: 1px solid #666666;
}
#login {
	margin: 20px;
	float: left;
	width: 425px;
	font-size: 11px;
	color: #666666;
}
#login h2 {
	font-size: 13px;
	padding-bottom: 5px;
	font-weight: bold;
	color: #333333;
	margin: 0px;
	border-bottom: 1px solid #CCCCCC;
}
.login_message {
	clear: both;
}

#login_email {
	width: 290px;
	margin: 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(../htc/border-radius.htc);
	border: 1px solid #A0B913;
	padding: 5px;
	font-size: 14px;
	color: #666666;
	font-weight: bold;
}
#login_password {
	width: 170px;
	margin: 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(../htc/border-radius.htc);
	border: 1px solid #A0B913;
	padding: 5px;
	font-size: 14px;
	color: #666666;
	font-weight: bold;
	float: left;
}
#forgot_password_cont{
	float: left;
	margin: 0px 0px 10px 0px;
	padding:0px;
	border: 1px solid blue;
}
#forgot_password_cont ul{
	list-style: none;
}
#forgot_password_li{
	display: inline;
}
#forgot_password_input{
	width: 284px;
	float: left;
	margin: 0px 0px 10px 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(../htc/border-radius.htc);
	display: block;
	background-color: #DAEE64;
	padding:3px;
}
.forgot_pass_ok {
	margin: 10px 0px 0px 10px;
}
.forgot_pass_cancel {
	margin: 10px 0px 0px 0px;
}
#login_forgot_password {
	width: 270px;
	margin: 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(../htc/border-radius.htc);
	border: 1px solid #A0B913;
	padding: 5px;
	font-size: 14px;
	color: #666666;
	font-weight: bold;
	float: left;
}
#login dl{
	width: 100%;
	float: left;
	line-height: 100%;
	padding-top: 10px;
}
#login dt{
	width: 112px;
	float: left;
	font-size: 11px;
	color: #666666;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 15px 0px;
}
#login dd{
	width: 310px;
	float: right;
	margin: 0px 0px 15px 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(../htc/border-radius.htc);
	display: block;
	background-color: #DAEE64;
}
#forgot_pass {
	float: right;
	margin: 12px 10px 11px 0px;
}
#forgot_pass a {
	color: #849810;
	text-decoration: none;
}
#forgot_pass a:hover {
	border-bottom: thin dotted;
}
#remmeber_pass {
	float: right;
	margin: 0px 15px 0px 0px;
}
.register {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(../htc/border-radius.htc);
	border: 1px solid #CCCCCC;
	margin: 20px 20px 20px 0px;
	float: right;
	clear: right;
	width: 180px;
}
.register p {
	font-size: 10px;
	margin: 8px 10px 8px 10px;
	color: #666666;
}
/* HEADER */

#header {
	width: 100%;
	height: 40px;
	background-image: url(../images/header_bg.jpg);
	background-repeat: repeat-x;
	font-size: 11px;
	color: #FFFFFF;
	min-width: 960px;
}
#header #logo a {
	margin: 9px 0px 0px 10px;
	background-image: url(../images/header_logo.png);
	background-repeat: no-repeat;
	width: 99px;
	height: 22px;
	float: left;
	outline: none;
}
#header #logo a:hover {
	background-image: url(../images/header_logo2.png);
	background-repeat: no-repeat;
}
#header ul{
	list-style:none;
	float: left;
	margin: 0px;
	padding: 0px;
	margin: 9px 9px 0px 9px;
}
#header li {
	display: inline;
	float: left;
	margin: 0px 2px 0px 7px;
	padding: 0px;	
}
#header .separator {
	background-image:url(../images/header_sep.png);
	background-repeat: no-repeat;
	width: 4px;
	height: 22px;
	float: left;
}
#header #searchbox {
	background-image:url(../images/header_searchbox_bg.png);
	background-repeat: no-repeat;
	height: 22px;
	width: 175px;
}
#header #searchbox input {
	background-color: transparent;
	border: 0px;
	width: 155px;
	margin: 2px 0px 0px 10px;
	float: left;
	color: #666666;
	font-weight: bold;
}
.large_menulink a {
	background-image: url(../images/header_large_item_bg.png);
	background-repeat: no-repeat;
	width: 95px;
	height: 22px;
	padding: 4px 0px 0px 0px;
	text-align: center;
	float: left;
	text-decoration: none;
	color: #FFFFFF;
	outline: none;
}
.large_menulink a:hover {
	background-image: url(../images/header_large_item_bg2.png);
	background-repeat: no-repeat;
}
.med_menulink a {
	background-image: url(../images/header_med_item_bg.png);
	background-repeat: no-repeat;
	width: 75px;
	height: 22px;
	padding: 4px 0px 0px 0px;
	text-align: center;
	float: left;
	text-decoration: none;
	color: #FFFFFF;
	outline: none;
}
.med_menulink a:hover {
	background-image: url(../images/header_med_item_bg2.png);
	background-repeat: no-repeat;
}
.small_menulink a {
	background-image: url(../images/header_small_item_bg.png);
	background-repeat: no-repeat;
	width: 60px;
	height: 22px;
	padding: 4px 0px 0px 0px;
	text-align: center;
	float: left;
	text-decoration: none;
	color: #FFFFFF;
	outline: none;
}
.small_menulink a:hover {
	background-image: url(../images/header_small_item_bg2.png);
	background-repeat: no-repeat;
}
#mailcounter_green {
	font-weight: bold;
	color: #BCC91D;
}
/* MY BAMBUU PAGE */

.message {
    background:#ffffcc;
    border:1px solid;
	border-color: #ffcc34 !important;
    padding:5px 15px !important;
    font-size:11px;
    clear:both;
	margin-top: 10px;
	margin-bottom: 10px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(../htc/border-radius.htc);
}
.message_green {
    background: #EBF7A8;
    border:1px solid;
	border-color: #A8C214 !important;
    padding:5px 15px !important;
    font-size:11px;
    clear:both;
	margin-top: 10px;
	margin-bottom: 10px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(border-radius.htc);
}
.message_orange {
    background: #FFCD9B;
    border:1px solid;
	border-color: #FFAC59 !important;
    padding:5px 15px !important;
    font-size:11px;
    clear:both;
	margin-top: 10px;
	margin-bottom: 10px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(border-radius.htc);
}
.xinfo_bg{
    background-image:url(../img/blackbg.png);
    clear:both;
    margin:0 auto 0 auto;
    padding:15px;
    width:930px;
    font-family:verdana;
    height:auto;
	overflow:hidden;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(border-radius.htc);
}
.xinfo_container{
    background:#fff;
    border:1px solid #333333;
    clear:both;
    color:#666;
    padding:25px;
    text-align:justify;
    overflow:auto;
    height:100%;
}

/* left sidebar */
#xleftpanel {
    float:left;
    margin-top:25px;
    width:230px;
    border:0px solid green;
}

/* avatar */
.xbox {
    clear:both;
    margin-bottom:15px;
    width:auto;
}
#xleftpanel img.memberPic{
    margin:0 auto 0 auto;
    display:block;
    border:1px solid #999;
    padding:3px;
    width:222px
}

/* status */
form#statusform{
    margin:20px 0;
    display:block;
    width:100%;
}
form#statusform input{
    background:#f7fbe1;
    border:1px solid #aabe37;
    float:left;
    width:205px;
    padding:5px 10px;
    font-weight:bold;color:#666;
    font-size:13px;
    margin-bottom:10px;
}

/* friends area */
.xbox_header{
   border-top:2px solid #EEEEEE;
    clear:both;
    float:left;
    margin-top:30px;
    width:100%;
}

.xbox_header h1{
    color:#333;
    padding:15px 0 10px 10px;
    font-size:13px;
    width:200px;
    float:left;
}

.xbox_header h1 span{
    color:#999;
}


/* toggle area */
a.minmax{
    float:right;
    display:block;
    width: 15px;
    height: 33px;
    background:url(../img/min-btn.png) no-repeat right 17px;
    overflow:hidden;
    text-indent:-5000px;
}
a.minmax.max{
    background:url(../img/max-btn.png) no-repeat right 17px;
}

/* friends list */
ul.friendslist{
    clear:left;
    float:left;
    font-size:11px;
    width:100%;
}

ul.friendslist li{
    border-bottom:2px solid #eeeeee;
    padding:10px 0;
    float:left;
    display:block;
    width:100%;
    position:relative;
}
span.online{
    width:15px;
    height:15px;
    position:absolute;
    background:url(../img/online-icon.png) no-repeat top left;
    overflow:hidden;
    text-indent:-5000px;
    display:block;
    left:55px;
    top:43px;
}
ul.friendslist li img{
    float:left;
    display:inline;
    margin-left:5px;
    width:68px;
    padding:1px;
    border:1px solid #ccc;
    margin-right:10px;
}
ul.friendslist li strong{
    display:block;
    font-size:13px;
}

/* paginator */
ul.paginator{
    font-size:11px;
    margin:20px 0;
    float:left;
    width:50%;
}

ul.paginator li{
    float:left;
    margin-left:5px;
    display:inline;
}

ul.paginator li a{
    padding:2px 4px;
    display:block;
    border:1px solid #ccc;
}
ul.paginator li a.next{
    border:0px!important;
}
ul.paginator li a:hover{
    border:1px solid #95ae05;
    text-decoration:none;
}

ul.paginator li a.current{
    border:1px solid #95ae05 !important;
    text-decoration:none;
    color:#000 !important;
}

ul.view-edit-fields{
    width:50%;
    float:right;
    font-size:11px;
    margin:23px 0 0 0;
    color:#95AE04;
}
ul.view-edit-fields li{
    display:block;
    text-align:right;
    float:right;
}
ul.view-edit-fields li a{
    padding-left:3px;
    padding-right:3px;
}

/* main content panel */

#xcentrepanel{
    float:right;
    margin:25px 0 0 35px;
    width:610px;
    font-size:11px;
}
/* rounded borders full width content */
.fullwidth{
    padding-top:9px;
    width:874px !important;
    margin:0 auto 0 auto !important;
    height:100%;
    background:url(../img/rounded_header_fullwidth.gif) no-repeat top left;
}
.fullwidth div.wrapper_footer{
    width:874px;
    height:9px;
    background:url(../img/rounded_footer_fullwidth.gif) no-repeat bottom left;
    clear:both;
}
* html .fullwidth div.wrapper_footer{
    margin-top:-3px;
}
.fullwidth div.wrapper{
    border-left:1px solid #D9D9D9;
    border-right:1px solid #D9D9D9;
    overflow:hidden;
    height:100%;
    padding:0 15px;
}
/* rounded borders half width content */
.halfwidth{
    padding-top:6px;
    width:600px !important;
    float:left !important;
    margin:0! important;
    background:url(../img/rounded_header.gif) no-repeat top left;
}
.halfwidth.right{
    float:right !important;
    margin-top:25px !important;
}
.halfwidth div.wrapper_footer{
    width:600px;
    height:7px;
    background:url(../img/rounded_footer.gif) no-repeat bottom left;
    clear:both;
}
* html .halfwidth div.wrapper_footer{
    margin-top:-6px;
}

.halfwidth div.wrapper{
    border-left:1px solid #D9D9D9;
    border-right:1px solid #D9D9D9;
    overflow:hidden;
    height:100%;
    padding:0px 15px;
}
.maintitle{
    border-bottom:1px solid #eee;
    padding-bottom:10px;
    overflow:auto;
}
#xcentrepanel h2{
    font-size:13px;
    width:50%;
    float:left;
}
#xcentrepanel h3{
    border-top:1px solid #eee;
    font-size:11px;
    float:left;
    padding:5px 0 15px 0;
    margin-top:10px;
    width:100%;
    clear:both;
}
#xcentrepanel h3 span{
    color:#ccc;
    font-weight:normal;
}
#xcentrepanel h3.noborder{
    border-top:0px solid #eee;
}
#xcentrepanel h2 span{
    font-weight:normal;
}
#xcentrepanel h2.noborder{
    border:none;
}

#xcentrepanel span h2{
    text-align:right;
    float:right;
}
#xcentrepanel span strong1{
    color:#95ae04;
}

/* tabbed panel */
#tabbed_panel{
    position:relative;
    width:600px;
    margin-top:30px;
}

/* tabbed navigation */
ul#tabs_nav{
    font-size:13px;
    overflow:auto;
    font-weight:bold;
    background:url(../img/rounded_header.gif) no-repeat bottom left;
    padding-bottom:6px;
    width:100%;
}

ul#tabs_nav li{
    float:left;
    margin-right:7px;
}
ul#tabs_nav li.first{
    display:inline;
    margin-left:20px;
}
ul#tabs_nav	 li a{
    background:#f2f2f2;
    color:#666;
    padding:3px 10px;
    display:block;
    text-decoration:none;
    border:1px solid #d7d7d7;
    border-bottom:none;
}
ul#tabs_nav  li a:hover{
    background:#e4eabe;
    color:#999;
    text-decoration:none;
}
ul#tabs_nav  li a.selected{
    background:#e4eabe;
    color:#999;
    text-decoration:none;
}

ul#tabs_nav	 li a.notactive{
    background:#fafafa;
    color:#ebebeb;
    border:1px solid #efefef;
    border-bottom:none;
}

/* div containing all the content coming from the tabs */
#tabs_content{
    float:left;
    padding:0px 0px 0px 0px;
    width:600px;
    background:url(../img/rounded_footer.gif) no-repeat bottom left;
}

#tabs_content div{
    border-left:1px solid #d9d9d9;
    padding:10px;
    border-right:1px solid #d9d9d9;
    margin-bottom:5px;
    overflow:hidden;
    height:100%;
}




/* flats area in my_bambuu*/

.boxlist{
    clear:both;
}
.boxlist table{
    clear:both;
    width:100%;
}

.boxlist table td{
    background:#fdfdfd;
    padding:1px 10px;
    border-top:6px solid #fff;
}

.boxlist table tr.even td{
    background:#f4f7e5;
}

.boxlist table td.cell1{
    width:30px;
}

.boxlist table td.cell2{
    width:280px;
}

.boxlist table td.cell3{
    width:70px;
}

.boxlist table td.bordered{
    background: #fdfdfd url(../img/cell_right_border.gif) no-repeat right 4px;
}
.boxlist table tr.even td.bordered{
    background: #f4f7e5 url(../img/cell_right_border.gif) no-repeat right 4px;
}

.boxlist table img{
    width:27px;
    height:21px;
	padding: 1px;
	border: 1px solid #cccccc;
}


/* inbox TAB content */
ul.maillist{
    clear:left;
    float:left;
    font-size:11px;
    width:100%;
}
ul.maillist div{
    border:none !important;
    padding:0 !important;
    margin:0 !important;
}

ul.maillist li{
    border-bottom:2px solid #eeeeee;
    padding:5px 0;
    float:left;
    display:block;
    width:100%;
}
#inbox_list{
    border:0px !important;
}


/* desk TAB content */
ul.documentactions{
    width:100%;
    padding:10px 0;
    border-bottom:1px solid #eeeeee;
    overflow:auto;
}

ul.documentactions li{
    float:left;
    margin-right:5px;
    text-align:center;
    line-height:22px;
    letter-spacing:-1px;
}

ul.documentactions li a{
    background:url(../img/new_document_bg.gif) no-repeat top left;
    color:#666;
    text-decoration:none;
    display:block;
    width:106px;
    height:22px;
}
ul.documentactions li a.inactive{
    color:#eee !important;
}
ul.documentactions li a:hover{
    color:#8AB429;
    text-decoration:none;
}
#filesize{
    float:left;
    width:120px;
    display:block;
    padding-left:75px;
    line-height:22px;
    margin-top:10px;
}
#filesno{
    float:right;
    width:20px;
    background:url(../img/files-icon.gif) no-repeat left top;
    height:22px;
    display:block;
    line-height:22px;
    padding-left:25px;
    font-weight:bold;
    margin-top:10px;
}
#file-progress-bar{
    float:right;
    width:214px;
    background:url(../img/file-progress-bar-bg.gif) no-repeat -20px top;

    height:23px;
    margin-left:20px;
    display:block;
    margin-top:10px;
}
#filesname{
    float:left;
    background:url(../img/files-icon.gif) no-repeat left top;
    height:22px;
    display:block;
    line-height:22px;
    margin:5px 0;
    padding-left:25px;
}

form#documentupload{
    color:#666;
    width:70%;
}

form#documentupload label{
    float:left;
    width:100%;
    font-weight:bold;
    line-height:22px;
}

form#documentupload input#browseinput{
    background:#fff;
    border:1px solid #ccc;
    margin:5px 0;
    float:left;
}
form#documentupload textarea{
    margin:5px 0 10px 0;
    float:left;
}
input.upload{
    float:left !important;
    display:block;
    width:90px !important;
    height:22px;
    background:#8AB429 !important;
    color:#fff !important;
    text-align:center;
    line-height:20px;
    border:1px solid #999 !important;
    cursor:pointer;
    font-weight:bold;
    text-transform: lowercase;
}
input:hover.upload{
    background:#000 !important;
    color:#fff;
    border:1px solid #999 !important;
}


/* tabbed timetable area */
#timetable_panel{
    width:96%;
    padding:10px !important;
    border:none !important;
}

ul#days_nav{
    font-size:11px;
    overflow:auto;
    width:400px;
    float:left;
}

ul#days_nav li{
    float:left;
    margin-right:5px;
}
ul#days_nav	 li a{
    background:url(../img/day_bg.gif) no-repeat bottom left;
    color:#666;
    width: 74px;
    height: 22px;
    text-align:center;
    line-height:22px;
    display:block;
    text-decoration:none;
}
ul#days_nav  li a:hover{
    background:url(../img/day_bg_hover.gif) no-repeat bottom left;
    color:#999;
    text-decoration:none;
}
ul#days_nav  li a.selected{
    background:url(../img/day_bg_hover.gif) no-repeat bottom left;
    color:#999;
    text-decoration:none;
}

/* div containing all the content coming from the tabs */
#timetable_content{
    float:left;
    width:100%;
    border:none !important;
    margin-top:10px;
    padding:0px !important;
}

#timetable_content div{
    border:none !important;
    margin-bottom:5px;
    overflow:auto;
    padding:0px !important;
}

#timetable_content form.timetableform{

}
#timetable_content table.timetabletable{
    width:100%;
}
#timetable_content table.timetabletable thead{
    background:#F3F7E9;
    font-size:13px;
}
#timetable_content table.timetabletable th{
    padding:5px;
}
#timetable_content table.timetabletable td{
    border-top:1px solid #ccc;
    padding:5px;
    vertical-align: top;
}
#timetable_content table.timetabletable td.cell1{
    width: 40px;
    font-weight:bold;
}
#timetable_content table.timetabletable td.cell2{
    width: 180px;
}
#timetable_content table.timetabletable td.cell3{
    width: 185px;
}
#timetable_content table.timetabletable td.cell4{
    width: 100px;
}

#timetable_content table.timetabletable td input{
    width: 90%;
    background:#fff;
    border:1px solid #E2ECCA;
    font-size:11px;
    color:#666;
    padding:5px;
}
#timetable_content table.timetabletable td textarea{
    width: 90%;
    background:#fff;
    border:1px solid #E2ECCA;
    font-size:11px;
    color:#666;
    padding:5px;
    height:50px;
}

input.update{
    display:block;
    height:22px;
    background:#8AB429;
    color:#fff;
    text-align:center;
    line-height: 100%;
    border:1px solid #999;
    cursor:pointer;
    position:absolute;
    right:25px;
    top:50px;
    font-weight:bold;
}
input:hover.update{
    background:#000;
    color:#fff;
    border:1px solid #999;
}

/* voice tab area */
dl.blogentires{
    border-top:1px solid #e5e5e5;
}
dl.blogentires dt{
    background:#fafafa;
    margin-top:3px;
    padding:5px;
    font-weight:bold;
    overflow:auto;
    height:100%;
}
dl.blogentires dt a{
    color:#666;
}
dl.blogentires dt.even{
    background:#f4f7e5;
}
dl.blogentires dd{
    border-bottom:1px solid #e5e5e5;
    padding:5px;
}
dl.blogentires a.entrycomment{
    text-align:right;
    float:right;
    width:100px;
    color:#95ae04;
    font-weight:normal;
}
dl.blogentires a.entrytitle{
    text-align:left;
    background: url(../img/rss-icon.gif) no-repeat left center;
    padding-left:25px;
    float:left;
    color:#666;
    width:430px;
    line-height:20px;
}

/* SETTINGS area */
#settings_panel{
    width:96%;
    padding:10px !important;
    border:none !important;
}
#settings_panel h3{
    width:55px;
    margin:0px;
    border:0px !important;
}

ul#settings_nav{
    font-size:11px;
    overflow:auto;
    width:100%;
    float:left;
}

ul#settings_nav li{
    float:left;
    margin-right:5px;
}
ul#settings_nav	 li a{
    background:url(../img/settings_tab_bg.gif) no-repeat bottom left;
    color:#666;
    width: 98px;
    height: 22px;
    text-align:center;
    line-height:22px;
    display:block;
    text-decoration:none;
}
ul#settings_nav  li a:hover{
    background:url(../img/settings_tab_bg_hover.gif) no-repeat bottom left;
    color:#999;
    text-decoration:none;
}
ul#settings_nav  li a.selected{
    background:url(../img/settings_tab_bg_hover.gif) no-repeat bottom left;
    color:#999;
    text-decoration:none;
}
/* div containing all the content coming from the tabs */
#settings_content{
    float:left;
    width:100%;
    border:none !important;
    margin-top:10px;
    padding:0px !important;

}

#settings_content div{
    border:none !important;
    margin-bottom:5px;
    overflow:auto;
    padding:0px !important;
}


/* forms used in the settings panel */
form.settings_security_form{
    margin-top:10px;
}
form.settings_security_form p{
    clear:both;
}
form.settings_security_form ul{
    border-top:1px solid #e5e5e5;
    width:100%;
    margin:15px 0;
    padding-bottom:5px;
}
form.settings_security_form ul li{
    display:block;
    border-bottom:1px solid #e5e5e5;
    margin-top:3px;
    overflow:hidden;
    height:100%;
}
form.settings_security_form ul li.even{
    background:#f3f7e9;
}

form.settings_security_form label{
    width:155px;
    float:left;
    padding:10px;
    clear:left;
}

form.settings_security_form label img{
    width:68px;
    height:50px;
    float:left;
    padding:1px;
    border:1px solid #ccc;
    margin-top:10px;
}
form.settings_security_form span{
    width:340px;
    float:left;
    display:block;
    padding:10px;
}
form.settings_security_form span label{
    width:50px;
    float:left;
    padding:10px;
    margin-bottom:10px;
    clear:none;
}
form.settings_security_form span label.lighter{
    width:175px;
    float:left;
    padding:10px;
    margin-bottom:10px;
    clear:none;
    color:#ccc;
}
form.settings_security_form input{
    border:1px solid #ccc;
    padding:2px 10px;
    width:300px;
    float:left;
    margin-bottom:10px;
    color:#666;
    font-size:11px;
}
form.settings_security_form textarea{
    border:1px solid #ccc;
    padding:2px 10px;
    width:300px;
    float:left;
    margin-bottom:10px;
    color:#666;
    font-size:11px;
    height:50px;
}
form.settings_security_form select{
    border:1px solid #ccc;
    padding:2px 1px 2px 10px;
    float:left;
    margin-bottom:10px;
    color:#666;
    font-size:11px;
    clear:right;
    min-width:50px;
}

form.settings_security_form input.chkbox{
    width:16px;
    height:16px;
    margin:0 5px 0 0;
    border:none;
    padding:0px;
}
form.settings_security_form input.small{
    width:50px;
    margin:0 5px 0 0;
    float:left;
}
form.settings_security_form label input.chkbox{
    width:16px;
    height:16px;
    padding:0px;
}

input.apply{
    width:85px !important;
    height:28px !important;
    line-height:24px !important;
    text-align:center !important;
    float:right !important;
    color:#fff !important;
    background:#8ab429 !important;
    margin-left:15px !important;
    font-size:13px !important;
    font-weight:bold !important;
    cursor:pointer !important;
    padding:0px !important;
}
input:hover.apply{
    background:#000 !important;
}
input.cancel{
    width:85px !important;padding:0px !important;
    height:28px !important;
    line-height:24px !important;
    text-align:center;
    float:right !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:bold !important;
    background:#666 !important;
    cursor:pointer !important;
    text-transform: lowercase;

}

/* logos for social networks */
label#bebo{
    background:url(../img/bebo_logo.gif) no-repeat 5px bottom;
    width:155px;
    height: 32px;
    overflow:hidden;
    text-indent:-5000px;
}
label#facebook{
    background:url(../img/facebook_logo.gif) no-repeat 5px bottom;
    width:155px;
    height: 32px;
    overflow:hidden;
    text-indent:-5000px;
}
label#myspace{
    background:url(../img/myspace_logo.gif) no-repeat 5px bottom;
    width:155px;
    height: 32px;
    overflow:hidden;
    text-indent:-5000px;
}




/* FRIENDS PAGE*/

/* tabbed panel */
#friends_panel{
    width:100%;
}

/* tabbed navigation */
ul#friends_nav{
    font-size:13px;
    margin:10px 0 20px 0;
    float:left;
}

ul#friends_nav li{
    float:left;
    margin-right:5px;
}
ul#friends_nav li.first{
    display:inline;
    margin-right:20px;
}
ul#friends_nav li.last{
    margin-right:0px !important;
}
ul#friends_nav	 li a{
    background:url(../img/settings_tab_bg.gif) no-repeat bottom left;
    color:#666;
    width: 98px;
    height: 22px;
    text-align:center;
    line-height:22px;
    display:block;
    text-decoration:none;
}
ul#friends_nav  li a:hover{
    background:url(../img/settings_tab_bg_hover.gif) no-repeat bottom left;
    color:#999;
    text-decoration:none;
}
ul#friends_nav  li a.selected{
    background:url(../img/settings_tab_bg_hover.gif) no-repeat bottom left;
    color:#999;
    text-decoration:none;
}

/* div containing all the content coming from the tabs */
#friends_content{
    float:left;
    width:100%;
}

#friends_content div{
    overflow:auto;
    height:100%;
}

/* friends list */
#friends_content div ul.friendslist{
    clear:left;
    float:left;
    font-size:11px;
    width:100%;
}

#friends_content div ul.friendslist li{
    padding:10px 0;
    float:left;
    display:block;
    width:24.9%;
    border:none;
}
#friends_content div ul.friendslist li img{
    float:left;
    display:inline;
    margin-left:5px;
    width:68px;
    padding:1px;
    border:1px solid #ccc;
    margin-right:10px;
}
#friends_content div ul.friendslist li strong{
    display:block;
    font-size:13px;
}



/* INBOX PAGE*/

#messageBox {
	border-left: 0px !important;
	border-right: 0px !important;
	padding-top: 0px !important;
}
#messageBox div {
	border-left: 0px !important;
	border-right: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
}
#compose_section {
	border-left: 0px !important;
	border-right: 0px !important;
}
form.composemail{
    padding:5px 0;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    clear:both;
    display:block;
    width:100%;
}
form.composemail label{
    width:100%;
    clear:both;
    display:block;
    margin:10px 0;
    font-size:110%;
    font-weight:bold;
}
form.composemail select{
    border:1px solid #ccc;
    margin: 0 10px;
    width:150px;
    font-weight:normal;
}
form.composemail textarea{
    border:1px solid #ccc;
    clear:both;
    margin:5px 0 15px 0;
    background:#f4f7e5;
    color:#666;
}
form.composemail input{
    border:1px solid #ccc;
    margin:3px 0 0px 15px;
    height:20px;
    background:#fff;
    color:#666;
    width:310px;
}
form.composemail input.upload{
   float:right !important;
   margin:20px 0;
   clear:both;
   height:22px;
   padding-bottom:5px;
}
/* tabbed panel */
#mails_panel{
}

/* tabbed navigation */
ul#mails_nav{
    font-size:13px;
    margin:10px 0 20px 0;
    float:left; overflow:auto;
}

ul#mails_nav li{
    float:left;
    margin-right:5px;
}
ul#mails_nav li.first{
    display:inline;
    margin-right:160px;
}

ul#mails_nav li a{
    background:url(../img/settings_tab_bg.gif) no-repeat bottom left;
    color:#666;
    width: 98px;
    height: 22px;
    text-align:center;
    line-height:22px;
    display:block;
    text-decoration:none;
}
ul#mails_nav  li a:hover{
    background:url(../img/settings_tab_bg_hover.gif) no-repeat bottom left;
    color:#999;
    text-decoration:none;
}
ul#mails_nav  li a.selected{
    background:url(../img/settings_tab_bg_hover.gif) no-repeat bottom left;
    color:#999;
    text-decoration:none;
}

/* div containing all the content coming from the tabs */
#mails_content{
    float:left;
    width:100%;
}

#mails_content div{
    overflow:hidden;
    height:100%;
}

/* inbox TAB content */
ul.maillist{
    clear:left;
    float:left;
    font-size:11px;
    width:100%;
}

ul.maillist li input{
    border:none;
    margin:25px 5px 0 5px;
    float:left;
    display:block;
    width:16px;
    height:16px;
}

ul.maillist li a:hover{
    text-decoration:none;
}
ul.maillist li.recentmail{
   background: url(../img/recent_mail.gif) repeat-x top left;
   overflow:auto;
   margin-top:3px;
}

ul.maillist li .mailcontent a img{
    float:left;
    display:inline;
    margin-left:5px;
    width:68px;
    height:50px;
    padding:1px;
    border:1px solid #ccc;
    margin-right:10px;
    opacity:0.55;filter:alpha(opacity=55);
}

ul.maillist li.recentmail .mailcontent a img{
    opacity:1 !important;filter:alpha(opacity=100) !important;
}
ul.maillist li .mailcontent{
    display:block;
    width:400px;
    float:left;
    padding:0px;
    margin:0px;
    line-height:150%;
    position:relative;
}
.mailcontent a.mailfrom{
    font-size:13px;
    color:#666 !important;
    font-weight:bold;
    display:block;
}
.go2message{
    color:#666;
}

em.subject{
    color:#95ae04 !important;
    font-style:normal;
}

ul.maillist div.mailactions{
    float:right;
    width:25px;
    overflow:hidden;
    padding:0px 5px 0 10px !important;


}
span.maildate{
    float:right;
    width:95px;
    text-align:right;
    padding-top:5px;
}
.mailcontent span.online{
    top:35px;
}

a.replymail{
    float:right;
    background: url(../img/reply-mail.gif) no-repeat top left;
    width:15px;
    height:15px;
    display:block;
    margin:5px 0 0 0;
    clear:right;
}
a.deletemail{
    float:right;
    background: url(../img/delete.gif) no-repeat top left;
    width:15px;
    height:15px;
    display:block;
    margin:5px 0 0 0;
    clear:right;
}

/* read email content */
.email-header{
    border-top:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
    padding:10px 0;
    font-size:110%;
}
.email-header img{
    float:left;
    width:42px;
    padding:1px;
    border:1px solid #CCCCCC;
    margin-right:10px;
}
.email-header .email-header-details{
    float:left;
    width:60%;
}
.email-header .mailfrom{
    float:left;
    font-weight:bold;
    padding-right:5px;
}
.email-header span.maildate{
    float:left;
    padding:0px !important;
    text-align:left;
    color:#999;
}
.email-header span.subject{
    padding-top:3px;
    float:left;
}

.email-header ul{
    width:35%;
    float:right;
}
.email-header ul{
    width:39%;
    float:right;
}
.email-header ul li{
    display:inline;
    float:right;
}
.email-header ul li a{
    float:right;
    padding-right:20px;
    margin-left:30px;
    display:inline;
    width:auto !important;
    color:#666 !important;
    background-position:right top;
    float:left;
}
.email-body{
    border-bottom:1px solid #dddddd;
    padding:20px 0;
    font-size:110%;
    margin-bottom:30px;
    line-height:130%;
}

.goback{
    background:url(../img/goback.gif) no-repeat top right;
    color:#666 !important;
    padding-right:20px;
    display:block;
    float:right;
    margin-bottom:20px;
    height:15px;
}



/* JOBS PAGE*/

.information{
    width:200px;
    padding:15px;
    font-size:11px;
    border:1px solid #d9d9d9;
    overflow:auto;
}
.information h2{
    font-size:11px;
}
.information h2 span{
    font-weight:normal;
}
.information p{
    clear:left;
}
.information p+ul{
    margin-top:0px !important;
}
.information img{
    float:left;
    width:68px;
    height:50px;
    padding:1px;
    border:1px solid #ccc;
    margin:0 5px 5px 0;
}

/* advice list */
ul.advicelist{
    clear:left;
    float:left;
    font-size:11px;
    width:100%;
}

ul.advicelist li{
    padding:3px 0 3px 10px;
    float:left;
    display:block;
    clear:left;
    width:90%;
}

/* shortlist list & table */
.notop{
    margin-top:-30px;
}


ul.advicelist{
    clear:left;
    float:left;
    font-size:11px;
    width:100%;
}

ul.advicelist li{
    padding:3px 0 3px 10px;
    float:left;
    display:block;
    clear:left;
}

.shortlist table{
    clear:both;
    width:100%;
    font-size:11px;
    text-align:left;
}

.shortlist table td{
    background:#fdfdfd;
    padding:3px 5px;
    border-top:6px solid #fff;
}

.shortlist table tr.even td{
    background:#f4f7e5;
}

.shortlist table td.cell1{
    width:20px;
}
.shortlist table td.cell2 .cell-wrapper{
    width:100px;
}
.boxlist table td.cell2 .cell-wrapper{
    width:280px;
}

.shortlist table td.cell3{
    width:65px;
}

.shortlist table img{
    width:27px;
    height:21px;
	padding: 1px;
	border:1px solid #cccccc;
	
}

/* JOB DETAIL PAGE*/
.details_popup {
    width:800px;
}
.details_popup #xcentrepanel{
    width:480px;
	
}

.jobdetail{
    border:1px solid #999;
    width:100%;
    height:100%;
    overflow:hidden;
}
.companyPic img{
    margin:0 auto 0 auto;
    display:block;
    width:226px;
}
.company_gallery_pics{
    margin:5px;
}
.company_gallery_pics li{
    margin:2px;
    display:inline;
}
.company_gallery_pics li img{
    width:27px;
}

.leftcontentdetails{
    font-size:70%;
    padding-left:10px;
}
.leftcontentdetails h3{
    font-size:105%;
    padding-top:3px;
    margin-bottom:-3px;
}
.jobdescriptionpanel{
    position:relative;
    background:url(../img/jobdescriptionpanel-top.gif) no-repeat top left;
    overflow:auto;
    height:100%;
    margin-bottom:15px;
    padding-top:4px;
}
.jobdescriptionpanel-bottom{
    background:url(../img/jobdescriptionpanel-bottom.gif) no-repeat bottom left;
    padding:10px 20px 0px 20px;
    overflow:auto;
    height:100%;
}
.job-fulltitle{
    width:75%;
}
.job-fulltitle span{
    padding-right:10px;
    margin-right:10px;
    border-right:1px solid #dfdfdf;
}
.job-fulltitle h3{
    padding-bottom:5px !important;
}
.job-fulldescription{
    border-top:1px solid #e5e5e5;
    border-bottom:1px solid #e5e5e5;
    padding:12px 0;
    clear:both;
    margin:10px 0;
}
.jobdescriptionpanel ul#jobsearch_nav{
    font-size:90%;
}
.printbtn{
    position:absolute;
    top:20px;
    right:20px;
}

.studentjobslogo{
    background:url(../img/studentjobs-logo.gif) no-repeat bottom right #fff;
    padding-bottom:80px;
}
.jobdescriptionpanel .composemail{
    border-top:0px;
}
.studentflatslogo{
    background:url(../img/studentflats-logo.gif) no-repeat bottom right #fff;
    padding-bottom:80px;
}

/* SEARCH AREA */

/* tabbed panel */
#jobsearch_panel{
}

/* tabbed navigation */
ul#jobsearch_nav{
    font-size:13px;
    margin:10px 0 20px 0;
    float:right;
}

ul#jobsearch_nav li{
    float:right;
    margin-left:5px;
}

ul#jobsearch_nav li a{
    background:url(../img/settings_tab_bg.gif) no-repeat bottom left;
    color:#666;
    width: 98px;
    height: 22px;
    text-align:center;
    line-height:22px;
    display:block;
    text-decoration:none;
}
ul#jobsearch_nav  li a:hover{
    background:url(../img/settings_tab_bg_hover.gif) no-repeat bottom left;
    color:#999;
    text-decoration:none;
}
ul#jobsearch_nav  li a.selected{
    background:url(../img/settings_tab_bg_hover.gif) no-repeat bottom left;
    color:#999;
    text-decoration:none;
}

/* div containing all the content coming from the tabs */
#jobsearch_content{
    float:left;
    width:100%;
}

#jobsearch_content div{
    overflow:auto;
    height:100%;
}


/* search form for jobs*/
form.jobs_search{
    width:100%;
    float:left;
    padding:20px 0 5px 0;
    border-top:1px solid #e5e5e5;
}
form.jobs_search div{
    width:210px;
    float:left;
}
form.jobs_search label{
    width:0px;
    float:left;
    height:0px;
    text-indent:-5000px;
    overflow:hidden;
}
form.jobs_search label.visible{
    width:auto !important;
    line-height:20px;
    margin:0 10px 0 0;
    height:20px !important;
    text-indent:0px !important;
    overflow:hidden;
}
form.jobs_search select{
    border:1px solid #ccc;
    padding:2px 1px 2px 10px;
    float:left;
    margin-bottom:10px;
    color:#666;
    font-size:11px;
    clear:both;
    min-width:190px;
}
form.jobs_search select.small{
    min-width:60px !important;
    clear:none;
    float:left;
    margin-right:20px;
}
form.jobs_search input{
    border:1px solid #ccc;
    padding:2px 1px 2px 10px;
    float:left;
    margin-bottom:10px;
    color:#666;
    font-size:11px;
    width:180px;
}
form.jobs_search input.chkbox{
    width:16px;
    height:16px;
    margin:3px 5px 0 0;
    border:none;
    padding:0px;
}

ul.checkbox_list{
    float:right;
    width:310px;
    padding:5px 5px 5px 15px;
    border:1px solid #ccc;
    margin-bottom:10px;
}

ul.checkbox_list li{
    float:left;
    width:50%;
    margin:3px 0;
}


/* SEARCH RESULTS */
ul.searchresultlist{
    clear:left;
    float:left;
    font-size:11px;
    width:100%;
}

ul.searchresult li{
    border-bottom:1px solid #eeeeee;
    padding:5px 0 3px 0;
    float:left;
    display:block;
    width:100%;
    overflow:hidden;
}

ul.searchresult li.even{
   background: url(../img/recent_mail.gif) repeat-x top left;
   overflow:auto;
   margin-top:3px;
}
ul.searchresult li img{
    float:left;
    display:inline;
    margin:0px 10px 5px 5px;
    width:68px;
	height: 50px;
    padding:1px;
    border:1px solid #ccc;
}
ul.searchresult li span{
    display:block;
    width:50%;
    float:left;
    line-height:150%;
}

ul.searchresult li ul.view-edit-fields{
    width:40%;
    margin-top:10px;
    text-align:right;
}
ul.searchresult li ul.view-edit-fields li{
    border:none;
    width:auto;
    margin:10px 0 0 10px;
    float:right !important;
}

ul.searchresult li ul.details{
    float:right;
    width:49%;
    display:block;
    text-align:right;
    margin-top:5px;
}
ul.searchresult li ul.details li{
    display:inline;
    float:right;
    border-bottom:0px;
    padding:2px 5px;
    width:100px;
}
ul.searchresult li ul.details li.last{
    border-right:none !important;
    border-left:1px solid #ccc;
    width:70px !important;
    margin-left:25px;
}



/* My account page */
.noborder{
    width:400px;
    padding:30px 15px 20px 0;
    font-size:11px;
    border:none;
    overflow:auto;
    float:left;
}
.noborder h2{
    padding:5px 0;
    font-size:13px;
}
.noborder h2 span{
    font-size:11px;
}


/* tabbed top navigation */
ul#my-account-tabmenu{
    font-size:13px;
    margin:30px 0 0px 0;
    float:right;
    width:300px;
}

ul#my-account-tabmenu li{
    float:right;
    margin-left:10px;
}

ul#my-account-tabmenu li a{
    background:url(../img/settings_tab_bg.gif) no-repeat bottom left;
    color:#666;
    width: 98px;
    height: 22px;
    text-align:center;
    line-height:22px;
    display:block;
    text-decoration:none;
}
ul#my-account-tabmenu  li a:hover{
    background:url(../img/settings_tab_bg_hover.gif) no-repeat bottom left;
    color:#999;
    text-decoration:none;
}
ul#my-account-tabmenu  li a.selected{
    background:url(../img/settings_tab_bg_hover.gif) no-repeat bottom left;
    color:#999;
    text-decoration:none;
}
ul#my-account-tabmenu li a.bigger{
    background:url(../img/settings_tab_bg_bigger.gif) no-repeat bottom left;
    width: 170px;
    height: 22px;
}
ul#my-account-tabmenu  li a.bigger:hover{
    background:url(../img/settings_tab_bg_bigger_hover.gif) no-repeat bottom left;
}
ul#my-account-tabmenu  li a.bigger.selected{
    background:url(../img/settings_tab_bg_bigger_hover.gif) no-repeat bottom left;
}

/* */
#my-account-content{
    width:100%;
}
.publish{
    display:block;
    width:15px;
    height:15px;
    background: url(../img/publish-icon.gif) no-repeat center center;
    overflow:hidden;
    text-indent:-5000px;
}

.unpublish{
    display:block;
    width:15px;
    height:15px;
    background: url(../img/unpublish-icon.gif) no-repeat center center;
    overflow:hidden;
    text-indent:-5000px;
}

/*boxed action menu */
ul#my-account-actionmenu{
    font-size:12px;
    float:left;
    margin-bottom:-20px;
}

ul#my-account-actionmenu li{
    float:left;
    margin:0 10px 10px 0;
    width:90px;
    height:20px;
    line-height:20px;
    text-align:center;
    font-weight:bold;
}

ul#my-account-actionmenu li a{
    color:#fff;
    background:#8ab429;
    width:90px;
    height:20px;
    cursor:pointer !important;
    display:block;
    border:1px solid #999;
}
ul#my-account-actionmenu li a:hover{
    color:#fff;
    background:#000;
    text-decoration:none;
}

ul#my-account-actionmenu li a.dark{
    background:#666;
}

ul#my-account-actionmenu li a.dark:hover{
    color:#fff;
    background:#000;
    text-decoration:none;
}

hr {
  border:none;
  border-top:1px solid #eee;
  clear:both;
  color:#EFEFEF;
  height:0;
}

/*form to make a deposit */
form.make_deposit_form{
    margin-top:10px;
    width:100%;
    float:left;
    clear:both;
}

form.make_deposit_form label{
    width:0px;
    height:0px;
    overflow:hidden;
    text-indent:-5000px;
    float:left;
    clear:left;
}

form.make_deposit_form input{
    border:1px solid #ccc;
    padding:2px 10px;
    width:80px;
    height:18px;
    float:left;
    margin-bottom:10px;
    color:#666;
    font-size:11px;
}
form.make_deposit_form input.submit{
    color:#fff;
    background:#8ab429;
    width:40px;
    font-size:13px;
    height:23px !important;
    font-weight:bold;
    cursor:pointer !important;
    border:1px solid #999;
    display:inline;
    margin-left:10px;
    float:left;
}

/* deposits & transactions table */

table.deposits{
    clear:both;
    margin-bottom:15px;
    width:100%;
}

table.deposits td{
    background-color:#f4f7e5;
    padding:4px 10px 6px 10px;
    border-top:4px solid #fff;
}

table.deposits.transactions td{
    background-color:#ffefe5 !important;
}

table.deposits td.cell1{
    width:80px;
    background-image:url(../img/cell_right_border.gif);
    background-repeat: no-repeat;
    background-position:  right 4px;
}

table.deposits td.cell2{
    width:50px;
    background-image:url(../img/cell_right_border.gif);
    background-repeat: no-repeat;
    background-position:  right 4px;
}

table.deposits td.cell3{
    width1:100px;
    background-color: #f4f7e5;
}

a.standalone_tab{
    background:url(../img/settings_tab_bg_bigger.gif) no-repeat bottom left;
    width: 170px;
    height: 22px;
    float:right;
    display:block;
    margin-top:30px;
    color:#666;
    text-align:center;
    line-height:22px;
    text-decoration:none;
    font-size:13px;
    font-weight:bold;
}
a:hover.standalone_tab{
    background:url(../img/settings_tab_bg_bigger_hover.gif) no-repeat bottom left;
    width: 170px;
    height: 22px;
    color:#666;
    text-decoration:none;
}

a.standalone_small_tab{
    background:url(../img/settings_tab_bg.gif) no-repeat bottom left;
    width: 98px;
    height: 22px;
    float:right;
    display:block;
    margin-top:10px;
    color:#666;
    text-align:center;
    line-height:22px;
    text-decoration:none;
    font-size:13px;
    font-weight:bold;
}
a:hover.standalone_small_tab{
    background:url(../img/settings_tab_bg_hover.gif) no-repeat bottom left;
    width: 98px;
    height: 22px;
    color:#666;
    text-decoration:none;
}

.cell3 a{
    margin:3px;
    float:right;
}

.myproperties_form{
    padding-bottom:5px;
    display:block;
}
ul.myproperties_list{
    clear:left;
    float:left;
    width:100%;
}

ul.myproperties_list li{
    border-bottom:1px solid #eeeeee;
    padding:5px 0 3px 0;
    float:left;
    display:block;
    width:100%;
    overflow:hidden;
}
ul.myproperties_list li span{
    padding-top:9px;
}
ul.myproperties_list li.even{
   background: url(../img/recent_mail.gif) repeat-x top left;
   overflow:auto;
   margin-top:3px;
}
ul.myproperties_list li img{
    float:left;
    display:inline;
    margin:0px 10px 5px 5px;
    width:68px;
    padding:1px;
    border:1px solid #ccc;
}
ul.myproperties_list li input{
    margin:20px;
    float:right;
    width:14px;
    height:14px;
    display:inline;
}
span.list_content{
    float:left;
    width:400px;
    display:block;
}

ul.myproperties_actionlist{
    width:100%;
    float:left;
    clear:left;
}
ul.myproperties_actionlist li{
    display:inline; float:left;
    width:auto;
    padding-right:15px;
    border:0px;
}
ul.myproperties_actionlist li a{
    text-indent:0px !important;    float:left;
    width:auto;
    padding-left:20px;
    background-position:center left;
}























/* MODAL ALERTS */
/* Overlay */
#confirmModalOverlay {background-color:#333; cursor:wait;}

/* Container */
#confirmModalContainer {width:350px; font-size:14px; font-family:verdana;text-align:left; background:#fff; border:10px solid #5d5d5d;overflow:hidden;height:100%;padding-bottom:10px;height:195px;}
#confirmModalContainer .header {height:15px; padding:5px 0px;width:100%; background:#333; color:#fff;text-indent:15px;}
#confirmModalContainer .header span {padding-left:8px;}
#confirmModalContainer p {color:#666; text-align:left; margin:0; padding:18px;font-size:90%;}
#confirmModalContainer .buttons {width:220px; float:right; padding:0px 18px 0;}
#confirmModalContainer .buttons div {float:right; margin-left:8px; width:90px; height:20px;line-height:20px; color:#fff;font-size:90%;text-align:center; border:1px solid #999998; cursor:pointer;text-transform:lowercase; font-weight: bold;}
#confirmModalContainer .buttons div.no {background:#666;}
#confirmModalContainer .buttons div.yes {background:#fa4f05;}
#confirmModalContainer a.modalCloseX,
#confirmModalContainer a.modalCloseX:link,
#confirmModalContainer a.modalCloseX:active,
#confirmModalContainer a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.1em; position:absolute; top:-1px; left:380px; color:#000}
#confirmModalContainer a.modalCloseX:hover {color:#9bb3b3;}
#confirmModalContainer textarea{border:1px solid #ccc;}
#confirmModalContainer form{margin:20px;}
.simplemodal-wrap{overflow:hidden;height:100%;}



a.view{
    float:right;
    background: url(../img/view.gif) no-repeat top left;
    width:20px;
    height:20px;
    display:block;
}

a.delete{
    float:right;
    background: url(../img/delete.gif) no-repeat top left;
    width:15px;
    height:15px;
    display:block;

}
a.edit{
    float:right;
    background: url(../img/edit-icon.gif) no-repeat top left;
    width:15px;
    height:15px;
    display:block;

}

a.editcv{
    width:85px !important;
    height:26px !important;
    line-height:26px;
    text-align:center;
    float:right !important;
    color:#fff !important;
    background:#ae0000;
    margin-right:15px;
    display:inline;
    border:1px solid #ccc;
    font-size:13px !important;
    font-weight:bold;
    cursor:pointer;
    padding:0px !important;
}
a:hover.editcv{
    background:#ff0000;
    text-decoration:none;
}

a.action_button_ok{
    color:#fff;
    background:#8ab429;
    padding:4px 13px;
    font-size:11px;
    font-weight:bold;
    cursor:pointer !important;
    border:1px solid #999;
    margin:10px 0;
    float:left;
    margin-right:15px;
    text-transform: lowercase;
}
a:hover.action_button_ok{
    color:#fff;
    background:#000;
    border:1px solid #999;
    text-decoration:none !important;
}

a.action_button_delete{
    color:#fff;
    background:#fa4f05;
    padding:4px 13px;
    font-size:11px;
    font-weight:bold;
    cursor:pointer !important;
    border:1px solid #999;
    margin:10px 0;
    float:left;
    margin-right:15px;
    text-transform: lowercase;
}
a:hover.action_button_delete{
    color:#fff;
    background:#000;
    border:1px solid #999;
    text-decoration:none !important;
}

/* profile page */

body.profile{
    background: url(../img/profile-body-bg-red.jpg) no-repeat top center fixed #333;
    color:#666;
}

/* here I overwrite some older css properties to match page's design */
body.profile .xinfo_bg{
    background-image:none !important;
    font-size:70%;
    width:960px;
}
body.profile a.minmax{
    margin-top:-14px;
}
body.profile a.standalone_tab{
    margin-top:0px !important;
    margin-bottom:10px;
}
body.profile input.upload{
    margin:10px 0 !important;
    width:130px !important;
    font-weight:bold;
}
body.profile ul.friendslist li{
    width:31%;
    border:0px;
    padding:0px !important;
    margin:2px 0 !important;
    display:inline;
}
* html body.profile ul.friendslist li img{
    display:inline;
    float:left;

}
/* new profile css */
.profile_leftsidebar{
    float:left;
    width:630px;
}
.profile_rightsidebar{
    float:right;
    width:300px;
}
.profile_status{
    background: url(../img/profile-black-transparent-bg.png) top center;
    padding:10px;
    overflow:auto;
    height:100%;
    color:#fff;
}
.profile_status strong{
    width:60%;
    float:left;
    display:block;
}
.profile_status p.message{
    color:#000;
    font-weight:normal;
}
.profile_status span{
    text-align:right;
    float:right;
    width:35%;
    display:block;
}
.profile_box{
    background: url(../img/profile-black-transparent-bg.png) top center;
    padding:10px;
    margin:15px 0;
	overflow:hidden;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(../htc/border-radius.htc);
}

.profile_main_pic {width:610px;}
.profile_box .header{
    color:#fff;
    clear:both;
    float:left;
    padding:5px 2%;
    width:96%;
}
.profile_box h2{
    width:80%;
    float:left;
    font-size:110%;
    padding-top:3px;
}
.profile_box .content_box{
    background:#fff;
    padding:10px;
    clear:both;
    overflow:auto;
    height:100%;
}
textarea#addcomments{
    border:1px solid #ccc;
    width:99%;
}

/*comments list */

ul.commentslist{
    clear:left;
    float:left;
    width:100%;
    overflow:auto;
    margin-top:10px;
    color:#666;
}

ul.commentslist li{
    border-bottom:2px solid #eeeeee;
    padding:10px 0;
    float:left;
    display:block;
    width:100%;

}
ul.commentslist li strong{
    color:#95ae04;
}
ul.commentslist li span{
    color:#999;
}
ul.commentslist li img{
    float:left;
    display:inline;
    margin-left:5px;
    width:68px;
    padding:1px;
    border:1px solid #ccc;
    margin-right:10px;
}

/* social box */
.social_details{
    float:left;
    width:170px;
}
p.club{
    float:right;
    width:90px;
}
p.club img{
    float:left;
    width:68px;
    padding:1px ;
    border:1px solid #ccc;
    margin-top:5px;
}

/* top right details box */
.profile_content{
    background: url(../img/profile-blacker-transparent.png) top center;
    padding:10px;
    overflow:auto;
    height:100%;
}

ul.profile_actionlist{
    float:left;
    width:45%;
    color:#999;
    margin:5px 0;
}
ul.profile_actionlist li{
    float:left;
    margin:3px 0;
}
ul.profile_actionlist li a{
    padding-left:20px;
    line-height:15px;
}

ul.profile_statistics{
    float:right;
    width:53%;
    color:#fff;
    margin:5px 0;
}
ul.profile_actionlist li a.sendmsg{
    background: url(../img/sendmsg-icon.gif) no-repeat left center;
    color:#fff !important;
}
ul.profile_actionlist li a.addfriend{
    background: url(../img/addfriend-icon.gif) no-repeat left center;
    color:#fff !important;
}
ul.profile_actionlist li a.removefriend{
    background: url(../img/removefriend-icon.gif) no-repeat left center;
    color:#fff !important;
}
ul.profile_actionlist li a.sendfile{
    background: url(../img/sendfile-grey-icon.gif) no-repeat left center;
    color:#666 !important;
}
ul.profile_actionlist li a.collaborate{
    background: url(../img/collaborate-grey-icon.gif) no-repeat left center;
    color:#666 !important;
}

/* popup style*/
#popuptitle{
    background:#000;
    color:#fff;
    font-size:13px;
    padding:5px 0;
    width:100%;
    overflow:auto;
	

}
#popuptitle p{
    width:70%;
    text-indent:25px;
    float:left;
	text-align:5px 0;
}
a.closewindow{
    color:#fff;
    text-decoration:none;
    background: url(../img/close-btn.png) no-repeat right center;
    padding-right:20px;
    display:block inline;
    float:right;
    font-size:11px;
    line-height:15px;
    text-align:right;
    /*width:20%;*/
    margin:6px 20px 0 0;
}


/* SOCIAL PAGE */
/* here I overwrite some older css properties to match page's design */
body.socialpage #xleftpanel{
    float:right;
    width:220px;
}

body.socialpage #xcentrepanel{
    float:left !important;
    margin:25px 0 0 0px !important;
    width:640px;
}

.socialpage-right-ad{
    border:1px solid #ddd;
    width:100%;
    height:110px;
    margin:26px 0 16px 0;
}


.club_header{
   width:100%;
}
.club_header img.clubpic{
   width:60px;
   height:50px;
   float:left;
   padding:1px;
   border:1px solid #ccc;
   margin:0 5px 0 0;
}
.club_header h1{
    color:#333;
    padding:0px 0 10px 0px;
    font-size:13px;
    width:100%;
    float:left;
    border-bottom:2px solid #eee;
    margin-bottom:10px;
}
span.h1_title{
    float:left;
    width:70%;
    display:block;
}
span.h1_rating{
    float:right;
    width:110px;
    display:block;
   
	height:20px;
	overflow:hidden;
}
.club_description_small{
   width:84%;
   float:right;
   padding:10px;
   background:#f4f7e5;
   height:75px;
}
.club_description{
   width:530px;
   float:right;
   padding:10px 20px 10px 10px;
   background:#f4f7e5;
   display:block;
}
.club_gmap{
    clear:both;
  
    margin:20px 0;
    float:left;
    background: url(../img/gmap-bg.gif) no-repeat top left;
    padding:10px;
}

.barlist{
    width:100%;
    height:380px;
    background: url(../img/barlist-bg.gif) no-repeat top left;
    font-size:11px;
    overflow:hidden;
}
.barlist ul{
    margin:5px;
    font-weight:bold;
}
.barlist li{
    display:inline;
    padding:5px;
    float:left;
}
.barlist-table{
    width:100%;
    float:left;
    margin-top:20px;
    overflow:auto;
    height:320px;
}
.barlist table{
    width:203px;
}
.barlist table thead{
    font-weight:bold;

}
.barlist table thead th{
    padding:2px 5px 2px 10px;
    border-bottom:2px solid #ddd;text-align:left;
}
.barlist table td{
    padding:2px 5px 2px 10px;
    height:18px;
}
.barlist table tr{
    border-bottom:1px solid #ddd;
}
.barlist table tr.last{
    border-bottom:0px solid #ddd;
}
.clubicon{
    display:block;
    width:18px;
    height:18px;
    background: url(../img/club-icon.gif) no-repeat center center;
    overflow:hidden;
    text-indent:-5000px;
}

.clubicon_disabled{
    display:block;
    width:18px;
    height:18px;
    background: url(../img/club-icon-disabled.gif) no-repeat center center;
    overflow:hidden;
    text-indent:-5000px;
}

.pubicon{
    display:block;
    width:18px;
    height:18px;
    background: url(../img/pub-icon.gif) no-repeat center center;
    overflow:hidden;
    text-indent:-5000px;
	
}


.pubicon_disabled{
    display:block;
    width:18px;
    height:18px;
    background: url(../img/pub-icon-disabled.gif) no-repeat center center;
    overflow:hidden;
    text-indent:-5000px;
	
}

body.socialpage #timetable_panel{
    width:100%;
    border-top:2px solid #eee !important;
    padding:10px 0 0 0!important;
    float:left;
}
body.socialpage #timetable_content{
    width:100%;
    padding:0px !important;
    font-size:11px;
}

body.socialpage ul#days_nav{
    width:560px;
    float:left;
}
.days-leftcontent{
    float:left;
    width:640px;
}
.readmore{
    text-align:right;
    display:block;
}
body.socialpage input.upload{
    width:130px !important;
    margin:10px 0 !important;
}


.rate-this-club{
    float:right;
    width:220px;
}
body.socialpage .xbox_header{
    margin-top:-15px;
}
body.socialpage .xbox_header h1{
    width:180px;
}

ul.starlist {
    float:left;
    width:100%;
}
ul.starlist li{
    padding:10px 0px 0px 0;
    border-bottom:2px solid #eee;
    width:100%;
}
ul.starlist li span.starstitle{
    float:left;
    width:50%;
    display:block;
}
ul.starlist li span.starsnote{
    float:right;
    width:45%;
    border:1px solid red;
    display:block;
    margin-bottom:10px;
}
ul.starlist li p{
    clear:both;
}

.file_list {
 float: left; display: inline; list-style: none; padding-left: 8px;
 width: 575px; height: auto;
}

.file_list li {
 float: left; display: inline; width: 105px; height: 105px; border: solid 1px #d9d9d9; margin-right: 16px; margin-top: 10px;
text-align: center; padding: 10px;
}

.file_list li span {display: block; margin-top: 5px; font: bold 11px Arial; color: #666;}

.profile_box .screenshot_box {width: 100%; height: auto; clear: both;}
.screenshot_box img.game_screenshot {
	border: solid 1px #333; width: 100%; height: auto; overflow: hidden; float: left; display: inline;
}

#game_info {
	bottom: 130px; position: relative; height: 120px; padding-right: 10px; padding-left: 10px;
	margin-bottom: -120px; float: right; width: 258px;
}
* html #game_info {display: inline; bottom: 50px; margin-right: -114px; }
a#play_game {
	width: auto; height: auto; padding: 10px; background: url(../img/profile-black-transparent-bg.png) repeat; 
	float: left; display: inline; margin-left: 180px; 
	font: bold 11px Verdana; color: #FFF; text-decoration: none; 
}
p.game_description {
	background: url(../img/profile-black-transparent-bg.png) repeat; float: left; display: inline; margin-top: 10px; 
	padding: 7px; width: 240px; height: 50px; clear: both;
	font: bold 11px Verdana; color: #FFF; overflow: hidden; line-height: 11px;
}


div.blockMsg {
							top: 50px;
							position:absolute;
							width:auto;
							border:none;
							margin:0;
							padding:0;
							cursor:hand;
							left: 50%;
    						margin-left: -400px
}

#mc1    {float:right;width:610px;}