html {  
        height: 100%;
        margin: 0 0 1px 0;
}

body {
        margin:0;
        padding:0;
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
        background-color: #d6d6d6;
	height: 100%;
}

#pagewrap{
        position:relative; /* needed for footer positioning*/
        margin:0 auto; /* center, not in IE5 */
        width:1038px;
	background: #ffffff;

        height:auto !important; /* real browsers */
        height:100%; /* IE6: treaded as min-height*/

        min-height:100%; /* real browsers */
}

.push{
	height: 130px;
}


#top{
        float:left;
        width:1038px;
	margin: 0;
	background: #bfbfbf;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #cccccc;
}

#top2{
        float:right;
	width: 810px;
	height: 110px;
}

#logintop{
       float: right;
       padding: 12px 22px 0 0;
	margin: 0;
}

#topbot{
        float: left;
        vertical-align: bottom;
        margin-top: 10px;
	padding: 0;
}

#tabs {
        vertical-align: bottom;
        margin: 87px 0 0 0;
        background:#E2E2E2;
	z-index: 1000;

}

#tabs2 {
        vertical-align: bottom;
        font-weight: bold;
        float:left;
        background:#E2E2E2;
        line-height:normal;
}

#topsearch{
        float: right;
        vertical-align: bottom;
        padding: 0 22px 0 0;
}

#topsearchform{
        margin: 0;
	padding: 0;
}

#content{
        margin: 0;
        padding: 125px 22px 140px 22px;
        text-align:left;
}


#bottom{
        padding: 17px 0 5px 0;
        text-align: left;
        height: 82px;
        background-color: #666666;
        color: #ffffff;
        position:absolute;
        width:1038px; 
        bottom:0; /* stick to bottom */
}

#wrapper{
        margin-left: auto;
        margin-right: auto;
}



#faux {
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 margin: 0 22px 0 22px;
}
#leftcolumn {
 display: inline;
 margin: 0 10px 0 0;
 padding: 0px;
 width: 230px;
 float: left;
}
#leftmiddle {
 float: left;
 margin: 0 10px 0 10px;
 padding: 0px;
 width: 230px;
 display: inline;
 position: relative;
}
#rightmiddle {
 display: inline;
 position: relative;
 margin: 0 10px 0 10px;
 padding: 0px;
 width: 230px;
 float: left;
}
#rightcolumn {
 display: inline;
 position: relative;
 margin: 0 0 0 10px;
 padding: 0px;
 width: 230px;
 float: left;
}
.clear { clear: both; background: none; }

#bottom ul{
        float: none;
        list-style: none;
        padding: 0;
        margin: 0 0 15px 0;
}
#bottom li{
        float: none;
        list-style: none;
        padding: 5px 0 0 0;
        margin: 0;
}

#bottom a{
        text-decoration:none;
        color: #ffffff;
        white-space: nowrap
}
#bottom a:hover{
	color: #000000;
}


.loginput {
	background: #c0c0c0;
	border: 1px solid #666666;
	margin:0;
	padding:1px;
	height: 21px;
	font-size: 11px;
	width: 74px;
    vertical-align: bottom
}

.loginbut{
	background: #c0c0c0;
	border: 1px solid #666666;
	margin:0;
	padding:0;
	font-size: 11px;
	width: 74px;
	height: 25px;
}
.loginbut:hover{
	background: #999999;
}

.loginbutvar{
        background: #c0c0c0;
        border: 1px solid #666666;
        margin:0;
        padding:0 5px 0 5px;
        font-size: 11px;
        height: 25px;
}
.loginbutvar:hover{
	background: #999999;
}




#nothinghere{}


.page-numbers {
	padding: 8px 10px;
	margin-right: 3px;
	border-width: 1px;
	border-style: solid;
	background-color: #fff;
	border-color: #ccc;
	font-size: 11px;
	line-height: 40px;
	height: 21px
}


.page-numbers-current {
	padding: 9px 10px;
	margin-right: 3px;
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
	background-color: #4F6E82;
	border-color: #328ab2;
	color: #fff;
	font-size: 11px;
	line-height: 40px;
	height: 21px
}

a.page-numbers:hover {
	border-color: #999;
}

#content a {
	color: #666666;
	text-decoration: none;
	background-color:#efefef;
}
#content a:visited {
	color: #666666;
	text-decoration: none;
	background-color:#efefef;
}
#content a:active {
	color: #000000;
	text-decoration: none;
	background-color:#333333;
}
#content a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color:#999999;
}


#content table {
	font-size: 11px;
}

/* this breaks new uploader
#content input  {
	font-size: 10px;
}
*/

#content table b{
	font-size: 11px;
}


#wrap{
}

#switchleft{
	float: left;
	padding-left: 5px;
}

#viewswitch {
	text-align:right;
	float: right;
	vertical-align: top;
	margin-right: 8px;
}
#showselector{
	font-size: 11px;
}
.sub {
 	font-size:10px;
 	color:#999999;
 }

.h1 {
	color: #FFFFFF;
	text-decoration: none;
	background-color:#333333;
	border: 1px solid #333333;
}

#content td.list{
	padding: 0 6px 4px 0;
	cursor: pointer; 
	width: 100px; 
	height: 75px;
	background: url(vpspinner.gif) no-repeat scroll 0 0;
}

#content td.list img{
	border: 1px solid #cccccc;
	background-color:#efefef;
	padding: 0;
	margin: 0;
}

#content td.list2{
        padding: 0 3px 0 0;
        cursor: pointer;
        width: 100px;
        height: 75px;
}

#content td.list2 img{
        border: 1px solid #cccccc;
        background-color:#efefef;
        padding: 0;
        margin: 0;
}


#content td.listhidden{
	border: 1px solid red;
	cursor: pointer; 
	width: 100px; 
	height: 75px;
}

#content img{
        border: 0;
        background-color:#ffffff;
        padding: 0;
        margin: 0;
}

#content a img{
    padding: 0;
    margin: 0;
}

#content a:hover img{
	text-decoration: none;
	background-color:#efefef;
    padding: 0;
    margin: 0;
}

#pageswitcher table td b {
	font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    background-color:#999999;
}

#pageswitcher2 table td b {
	font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    background-color:#999999;
}

#pageswitcher3 table td b {
	font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    background-color:#999999;
}

.mybutton{
	width: 15px; 
	font-size: 15px; 
	padding: 0; 
	text-align: center; 	
	vertical-align: middle;
	color: #676767;
	background-color: #efefef;
	border: 1px solid #ccc;
}

.mybutton-inact{
        width: 15px;
        font-size: 15px;
        padding: 0;
        text-align: center;
        vertical-align: middle;
        color: #676767;
        background-color: #efefef;
        border: 0;
	border: 1px solid #efefef;
}

td.mybutton:hover{
	background-color: #999999;
	cursor: pointer;
	color: #ffffff;
}


#welcome{
	clear: both;
	padding: 5px 5px 5px 30px;
	background-image: url(/images/icon_plus.gif); 
	background-repeat: no-repeat;
	margin: 0 0 10px 0;
}

.warning{
	clear: both;
	padding: 5px 5px 5px 30px;
	background-image: url(/images/icon_warning.gif); 
	background-repeat: no-repeat;
	margin: 0 0 10px 0;
}

#ok{
	clear: both;
	padding: 5px 5px 5px 30px;
	background-image: url(/images/icon_plus.gif); 
	background-repeat: no-repeat;
	margin: 0 0 10px 0;
}

#uploaded{
	clear: both;
	padding: 5px 5px 5px 30px;
	background-image: url(/images/icon_good.gif); 
	background-repeat: no-repeat;
	margin: 0 0 10px 0;
}


.withborder td{
	border: 1px solid black;
	padding: 2px; 
	border-collapse:collapse;
}

.withborder th{
	border: 1px solid black;
	background: #cccccc;
	padding: 2px;
	border-collapse:collapse;
}


#addthis_dropdown15 table td{
	font-size: 11px;
}

#addthis_dropdown15 table a{
	background-color: #ffffff;
	text-decoration: none;
	font-size: 11px;
}

#at_caption{
	visibility: hidden;
	width: 1px;
	height: 1px;
}

#content select{
	font-size: 11px;
}


#followups img, #followups *{
	border: 0;
	padding: 0;
	margin: 0;
	line-height: 8px;
}

#player{
	z-index: 0;
}

#description{
	max-height: 216px;
	overflow: auto;	
	border-width: 1px 0 0px 0;
	border-color: #a2a2a2;
	border-style: solid;
	padding: 14px 2px 14px 2px;
	word-wrap: break-word;
	width: 487px;
}
#editclip{
        border-width: 1px 0 0px 0;
        border-color: #a2a2a2;
        border-style: solid;
        padding: 14px 2px 2px 2px;
}
.description2{
	max-height: 150px;
	overflow: auto;	
	border: 1px solid #a2a2a2;
	padding: 2px;
}
#upload_status{
	border: 0;
        color: #ff0000;
}
#file{
	border: 1px solid #a2a2a2;
}
#title{
	border: 1px solid #a2a2a2;
}
#filenamei{
	border: 1px solid #a2a2a2;
}
#channel{
	border: 1px solid #a2a2a2;
}
#loginlogin{
	border: 1px solid #a2a2a2;
}
#loginpassword{
	border: 1px solid #a2a2a2;
}
.forminput{
	border: 1px solid #a2a2a2;
}
.expanding{
        border: 1px solid #a2a2a2;
}


#h2{
	margin: 0;
}

h2, h1{
	font-size: 15px;
	margin: 5px 0 8px 0px;
}

#desctopright{
	padding-left: 20px;
	width: 100%;
}

.middletable{
	border-width: 0;
	border-style: solid;
	border-color: #e2e2e2;
	width: 992px;
}

.middleleft{
	padding: 5px 0 5px 10px;
}

.middlecenter{
	padding: 5px 0 5px 0;
}


.middleright{
	padding: 5px 10px 5px 0;
	border-width: 0 1px 0 0;
	border-style: solid;
	border-color: #e2e2e2;
}

.middleright2{
	padding: 5px 10px 5px 0;
}


#bottomleft{
	width: 490px;
	padding: 10px 10px 10px 0;
}

#bottomright{
	white-space: nowrap;
	padding: 10px 10px 10px 5px;
	min-width: 280px;
}


#frontbottomleft{
	width: 500px;
}
#frontbottomright{
	padding-left: 25px
}
#frontbottom{
	width: 1044px;
}

#comments{
	max-height: 400px;
	overflow: auto;	
}


#remix{
        clear: both;
        margin:0;
        padding:0;
        font-weight: bold;
}


#loginform a{
        color: #597c93;
}

#loginform a:hover{
        color: #40596a;
}

.emoticon{
	vertical-align: middle;
	padding: 0;
	margin: 0;
}

/* star rating code - use lists because its more semantic */
/* No javascript required */
/* all the stars are contained in one matrix to solve rollover problems with delay */
/* the background position is just shifted to reveal the correct image. */
/* the images are 16px by 16px and the background position will be shifted in negative 16px increments */
/*  key:  B=Blank : O=Orange : G = Green * /
/*..... The Matrix ....... */
/* colours ....Background position */
/* B B B B B - (0 0)*/
/* G B B B B - (0 -16px)*/
/* G G B B B - (0 -32px)*/
/* G G G B B - (0 -48px)*/
/* G G G G B - (0 -64px)*/
/* G G G G G - (0 -80px)*/
/* O B B B B - (0 -96px)*/
/* O O B B B - (0 -112px)*/
/* O O O B B - (0 -128px)*/
/* O O O O B - (0 -144px)*/
/* O O O O O - (0 -160px)*/

#ratingstars{
  float: left;
}
#ratingstars2{
  float: left;
}
#ratingcount{
  float: right;
}


#ratingstars ul{
  padding: 0;
  margin: 0;
}

#ratingstars a{
  background-color: transparent;
}

#ratingstars a:hover{
  background-color: transparent;
}

/* the default rating is placed as a background image in the ul */
/* use the background position according to the table above to display the required images*/
.rating, .fav{
  width:80px;
  height:16px;
  margin:0 0 20px 0;
  padding:0;
  list-style:none;
  clear:both;
  position:relative;
  background: url(/images/star-matrix.png) no-repeat 0 0;
}
.fav{width:16px;}
/* add these classes to the ul to effect the change to the correct number of stars */
.star_0 {background-position:0 0}
.star_1 {background-position:0 -16px}
.star_2 {background-position:0 -32px}
.star_3 {background-position:0 -48px}
.star_4 {background-position:0 -64px}
.star_5 {background-position:0 -80px}
li.indicator {display: none;}
ul.rating li, ul.fav li  {
  cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
  float:left;
  /* end hide*/
  text-indent:-999em;
}
ul.rating li.indicator {float: right; text-indent: 0; position: relative; left: 18px;}
ul.fav li a, ul.rating li a {
  position:absolute;
  left:0;
  top:0;
  width:16px;
  height:16px;
  text-decoration:none;
  z-index: 200;
}
ul.rating li span, ul.fav li span {text-decoration:none; position:absolute; width:16px; height:16px;}
ul.fav li.s_1 a, ul.rating li.s_1 a {left:0;-moz-outline:none;}
ul.rating li.s_2 a {left:16px;-moz-outline:none;}
ul.rating li.s_3 a {left:32px;-moz-outline:none;}
ul.rating li.s_4 a {left:48px;-moz-outline:none;}
ul.rating li.s_5 a {left:64px;-moz-outline:none;}
ul.fav li a:hover, ul.rating li a:hover {
  z-index:2;
  width:80px;
  height:16px;
  overflow:hidden;
  left:0; 
  background: url(/images/star-matrix.png) no-repeat 0 0;
}
ul.fav li a:hover {width:16px;}
ul.fav li.s_1 a:hover, ul.rating li.s_1 a:hover {background-position:0 -96px;}
ul.rating li.s_2 a:hover {background-position:0 -112px;}
ul.rating li.s_3 a:hover {background-position:0 -128px}
ul.rating li.s_4 a:hover {background-position:0 -144px}
ul.rating li.s_5 a:hover {background-position:0 -160px}


#badratio{
  background-color: #fffb90;
  padding: 2px;
}

#mediumratio{
  background-color: #00ff00;
  padding: 2px;
}

#goodratio{
  background-color: #00ff00;
  padding: 2px;
}

.collapse {
    height: 11px;
    position: relative;
    padding: 4px;
}

.expand {
    display:none;
    height:11px;
    position:relative;
    padding: 4px;
}

#advancedsearchbox{
	padding: 5px;
	border: 1px solid #e2e2e2;
	margin: 3px 0 10px 0;
}

#simpleTabs{
	margin: 0;
	padding: 0;
}

#simpleTabs2{
	margin: 0;
	padding: 0;
}

#simpleTabs3{
        margin: 0;
        padding: 0;
}


.simpleTabs-nav ul{
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
	background-color: white;
}

.simpleTabs-nav li{
	float: left;
	padding: 5px;
	margin: 0;
	color: black;
	cursor: pointer;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #cccccc;
}

.simpleTabs-nav li:hover{
	background: #e2e2e2;
}

.simpleTabs-nav li.close{
	float: right;
}

.simpleTabs-nav li.actif{
	color: black;
	/*font-weight: bold;*/
	background: #cccccc;
	border: 1px solid #cccccc;
}

#simpleTabs .simpleTabs-content{
	clear: both;
	height: 220px;
	padding: 10px 0 5px 0;
	margin: 0 0 10px 0;
	color: #000;
	background: white;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

#simpleTabs2 .simpleTabs-content{
	clear: both;
	padding: 0;
	margin: 0;
	color: #000;
	background: white;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

#simpleTabs3 .simpleTabs-content{
        clear: both;
        padding: 5px;
        margin: 0;
        color: #000;
        background: white;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}


#mychat .chat div {
	width:608px;
	overflow:auto;
	height:160px;
	max-height:180px;
	bottom:0;
}

#mychat .chat p {
	margin:0
}

.chatinput{
	width: 603px;
}




.tx-simplesurvey-pi1{
	width: 500px;
}
.tx-simplesurvey-pi1-notemplate{
	background:lightCoral none repeat scroll 0% 0%;
	border:2px dashed;
	margin:10px;
	padding:30px;
}
.tx-simplesurvey-pi1-title, .tx-simplesurvey-pi1-result-header-questions{
	font-weight:bold;
}
.tx-simplesurvey-pi1-caption{
	color: grey;
	text-align: right;
}
.tx-simplesurvey-pi1-description{
	color: black;
	padding: 2px 0 10px 0;
	border-bottom: 1px solid black;
}
.tx-simplesurvey-pi1-questiontext{
	font-weight:bold;
	margin: 10px 0 2px 0;
	padding:2px;
	text-align: left;
	background-color: #cecece;
}
.tx-simplesurvey-pi1-help{
	left:490px;
	width: 10px;
	position:relative;
	top:-18px;
	margin:0 0 -14px 0;
}
.tx-simplesurvey-pi1-help a{
	text-decoration:none;
}
.tx-simplesurvey-pi1-help a:hover, .tx-simplesurvey-pi1-help a.hover{
	font-weight: bold;
}
.tx-simplesurvey-pi1-question, .tx-simplesurvey-pi1-result-question{
	margin: 0 0 5px 0;
	color: black;
}
.tx-simplesurvey-pi1-answer{
	color: black;
}
#tx-simplesurvey-pi1-error{
	display: none;
	width: 250px;
	margin: 5px 0 5px 0;
	background-color: #FF4626;
	color: white;
	border: 1px solid black;
}
.tx-simplesurvey-pi1-userdata-title{
	font-weight: bold;
	margin: 5px 0 0 0;
}
.tx-simplesurvey-pi1-userdata-answer{
	margin: 5px 0 0 0;
}
.tx-simplesurvey-pi1-submit{
}
.tx-simplesurvey-pi1-results-not-allowed{
	font-weight:bold;
}
.tx-simplesurvey-pi1-uploaderror{
	background:red none repeat scroll 0% 0%;
	border:1px solid;
}
.tx-simplesurvey-pi1-result-percent{
	margin:0pt 0pt 0pt 5px;
	font-style:italic;
}
.tx-simplesurvey-pi1-result-answer{
	margin:0pt 0pt 0pt 5px;
}
.tx-simplesurvey-pi1-result-noanswer{
	font-style:italic;
	color: gray;
}
.tx-simplesurvey-pi1-result-userdata{
}
.tx-simplesurvey-pi1-overall-points{
	font-weight:bold;
	text-align:right;
	text-decoration:underline;
}
.tx-simplesurvey-pi1-listrow-header{
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: blue;
	background-color: #efefef;
}
.tx-simplesurvey-pi1-listrow table td p{
	margin: 0;
	padding: 2px;
}
.tx-simplesurvey-pi1-userdata{
	font-weight:bold;
	margin: 10px 0 2px 0;
	padding:2px;
	text-align: left;
	background-color: #cecece;
}
.tx-simplesurvey-pi1-result-question{
	border-width: 1px 0 0 0;
	padding: 5px 0 0 0;
	border-color: black;
	border-style: solid;
}

tr.tablerow0 td {
	cursor: pointer;
	padding: 4px 6px 4px 6px;
}

tr.tablerow1 td {
	cursor: pointer;
	padding: 4px 6px 4px 6px;
	background: #EFEFEF;
}

tr.tablerow0:hover td,
tr.tablerow1:hover td {
	background: #CFCFCF;
}

.helpbox{
        background-color: #E4EEE0;
        color: #000000;
    	border:solid 1px #CEE2C6;
        z-index:1000;
	padding: 4px;
}

.widget-place {
  margin: 0;
  padding: 0;
  float: left;
  width: 345px;
  height: auto;
  list-style: none;
  min-height: 400px;
}

.widget-placeholder {
  border: #000 dashed 1px;
  margin: 1em;
  background-color: #ebebeb;
}

.widget {
  margin: 5px;
  border: #ebebeb solid 1px;
}

  .widget-header {
    color: #000;
    padding: 2px;
    background-color: #ebebeb;
  }

  .widget-content {
    padding: 5px;
  }


/* Normal Bubble */
div.bubble {
	width: 482px;
	margin-bottom: 24px;
}

div.bubble blockquote {
	margin: 0px;
	border: 1px solid #c9c2c1;
	background-color: #fff;
}

div.bubble blockquote p {
	margin: 10px;
}

div.bubble cite {
	position: relative;
	margin: 0px;
	padding-left: 15px;
	padding-top: 7px;
	top: 6px; /* 1px less than padding-top */
	background: transparent url(/images/tip.gif) no-repeat 20px 0;
	font-style: normal;
}

#radio{
	text-align: right;
	padding-top: 15px;
}



.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	background-color: white;
	margin-top: 0px;
}

.treeview .hitarea {
	background: url(/images/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}
.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}
.treeview a.selected {
	background-color: #eee;
}
#treecontrol { margin: 1em 0; display: none; }
.treeview .hover { color: red; cursor: pointer; }
.treeview li { background: 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }
.treeview .expandable-hitarea { background-position: -80px -3px; }
.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(/images/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }
.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }
.treeview-gray li { background-image: url(/images/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(/images/treeview-gray.gif); } 





/* 
 * jquery.tooltip2
 */
.tooltip2, .tooltip2 a {
	color: #fff;
	width: 320px;
}
.tooltip2 .tooltip2-content p {
	padding: 8px 0 5px 0;
}
.tooltip2 td {
	background-image: url('/images/tt_corners.png');	
}
.tooltip2 .tl {
	background-position: top left; 
	height: 10px;
	width: 10px;
}
.tooltip2 .tc {
	background-image: url('/images/tt_bg.png');
	background-repeat: repeat;
	height: 10px;
}
.tooltip2 .tr {
	background-position: top right;
	height: 10px;
	width: 10px;
}
.tooltip2 .ml {
	background-image: url('/images/tt_bg.png');
	background-repeat: repeat;
	width: 10px;
}
.tooltip2 .mc {
	background-image: url('/images/tt_bg.png');
	background-repeat: repeat;
}
.tooltip2 .mr {
	background-image: url('/images/tt_bg.png');
	background-repeat: repeat;
	width: 10px;
}
.tooltip2 .bl {
	background-position: bottom left;
	height: 10px;
	width: 10px;
}
.tooltip2 .bc {
	background-image: url('/images/tt_bg.png');
	background-repeat: repeat;
	height: 10px;
}
.tooltip2 .br {
	background-position: bottom right;
	height: 10px;
	width: 10px;
}
.tooltip2.n {
	background: url('/images/tt_pointer-n.png') bottom center no-repeat;
	padding-bottom: 24px;		
}
.tooltip2.s {
	background: url('/images/tt_pointer-s.png') top center no-repeat;
	padding-top: 24px;
}
.tooltip2.e {
	background: url('/images/tt_pointer-e.png') left center no-repeat;
	padding-left: 24px;	
}
.tooltip2.w {
	background: url('/images/tt_pointer-w.png') right center no-repeat;
	padding-right: 24px;	
}





/*** NEW MENU ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			200px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			27px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			200px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			200px; /* match ul width */
	top:			0;
}

.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	border-left:	5px solid #bfbfbf;
	border-bottom:		1px solid #bfbfbf;
	border-right:		0;
	padding: 		7px;
	text-decoration:none;
}

.sf-menu li li a {
        border-right:    1px solid #bfbfbf;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#000000;
}
.sf-menu li {
	background:		#efefef;
	width: 79px;
}
.sf-menu li li {
	background:		#efefef;
}
.sf-menu li li li {
	background:		#efefef;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#999999;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}


#newcomment{
	width: 480px; 
	height: 50px; 
	min-height: 50px;
}

.dd {
	display:inline-block !important;
	text-align:left;
	background-color:#efefef;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	position:relative;
}
.dd .ddTitle {
	background:#efefef;
	padding:0px;
	text-indent:0;
	cursor:default;
	overflow:hidden;
	height:13px;
}

.dd .ddTitle span.arrow {
	background:url(/images/dd_arrow.gif) no-repeat 0 0; float:right; display:inline-block;width:16px; height:16px; cursor:pointer; 
}

.dd .ddTitle span.ddTitleText {text-indent:1px; overflow:hidden; line-height:16px;}
.dd .ddTitle span.ddTitleText img{
	text-align:left; 
	padding: 1px 0 0 4px; 
	vertical-align: top;
}
.dd .ddTitle img.selected {
	padding:0 3px 0 0;
	vertical-align:top;
}
.dd .ddChild {
	position:absolute;
	border:1px solid #c3c3c3;
	border-top:none;
	display:none;
	margin:0;
	width:auto;
	overflow:auto;
	overflow-x:hidden !important;
	background-color:#ffffff;
}
.dd .ddChild .opta a, .dd .ddChild .opta a:visited {padding-left:10px}
.dd .ddChild a {
	display:block;
	padding:2px 0 2px 3px;
	text-decoration:none;
	color:#000;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
}
.dd .ddChild a:hover {
	background-color:#66CCFF;
}
.dd .ddChild a img {
	border:0;
	padding:0 2px 0 0;
	vertical-align:middle;
}
.dd .ddChild a.selected {
	background-color:#66CCFF;
	
}
.hidden {display:none;}

.dd .borderTop{border-top:1px solid #c3c3c3 !important;}
.dd .noBorderTop{border-top:none 0  !important}


.fileinput-button{
        height: 80px;
        width: 980px;
        vertical-align: middle;
        padding-top: 70px !important;
}

.progress{
        width: 780px;
        float: left;
}

.status{
        width: 200px;
        float: left;
}

.files{ 
        margin-top: 10px;
}

.uploadpreview{
	cursor: pointer;
	width: 100px;
	margin-right: 10px;
	float: left;
}

.uploadpreview2{
	width: 100px;
	margin-right: 10px;
	float: left;
}
.uploadpreviewdone{
	width: 100px;
	margin-right: 10px;
	float: left;
}

.tagview {
    margin: 0px;
    padding: 1px 4px;
    line-height: 18px;
    white-space: nowrap;
}

#advancedsearchbox2 {
    padding: 5px;
    border: 1px solid #e2e2e2;
    margin: 3px 0 10px 0;
}



.tc-wrapper {
  display: block;
  height: 100%;
}

.tc-tag {
  display: inline-block;
  padding: 10px;
  margin: 0 10px 10px 0;
  background: #eee;
  cursor: pointer;
}

.tc-selected { background: #c5c5c5; }

.expandmark { background-color: lightgreen; }