@charset "utf-8";
/* CSS Document */

#settings{
	float:left;
}
#settings a{
}
#alt_color{
float:left;
}
#rightSecHolder{
	position:absolute;
	background-color:#F5F5F5;
	z-index:5;
	right:0;
	top:10px;
	width:120px;
	overflow:hidden;
}
#rightSecHolder ul{
	list-style:none;
}
#rightSecHolder ul li{
	float:left;
}
.slideArrow{
	position:absolute;
	top:10px;
	height:31px;
	width:15px;
	background-image:url("../images/arrows.gif");
}
.slideArrow.disabledBtn{ opacity:0.33;}
#slideArrowLeft{
	left:10px;
}
#slideArrowLeft:hover{background-position:bottom left;}
#slideArrowRight{
	right: 10px;
	z-index:11;
	background-position:top right;
}
#slideArrowRight:hover{background-position:bottom right;}
#allTabs{
	min-height:600px;
}
#tabsul{
	width:9999em;
}
#tabsWrapper{
	position:relative;
	height:31px;
	overflow:hidden;
	width:668px;
	margin:0 15px;
}
#tabsul li.sildeTab{
}
#tabsul li.sildeTab a{

}
#tabsul li.sildeTab a span{
	/*text-align:left;*/
}
.tab-content .ui-sortable-helper{opacity:0.33}



#add-bookmark input, #add-bookmark textarea{ border:0px; padding:5px; width:330px;}
#sign-up input, #sign-up textarea{ border:0px; padding:5px; width:290px;}
#sign-up td, #add-bookmark td{ padding:5px; vertical-align:top;}
/*#add-bookmark a{ position:relative; padding:0px; margin:0px;}*/
#sign-up small, #add-bookmark small{ font-size:10px;}
#sign-up .button, #my-bookmarks .button, #add-bookmark .button{width:195px; border: groove  thin; font-weight:bold; background-image:url(../images/search_box.png); cursor:pointer;}
.sortable5 { border: 3px solid #baefee; padding:  12px 0 12px 0 !important; width: 668px !important; min-height: 480px !important; margin: 10px 0 0 0 !important; [if IE 7] margin-top: 20px !important; }
.sortable6 { border: 3px solid #baefee; padding:  12px; width: 968px !important; min-height: 480px !important; margin: 10px 0 0 0 !important; [if IE 7] margin-top: 20px !important; font-size:12px;}
.sortable7 { border: 3px solid #baefee; padding:  0px 0px 12px 0px !important; width: 668px !important; min-height: 480px !important; margin: 10px 0 0 0 !important; [if IE 7] margin-top: 20px !important; }
#my-bookmarks { font-size:12px;}
#my-bookmarks td{ padding:5px;}
#my-bookmarks tr.odd{background-color:#EBEBEB;}
#my-bookmarks tr.even{background-color:#fff;}
#my-bookmarks table{ border-collapse:collapse; margin:5px; }
#my-bookmarks th{background-image:url(../images/settings_default_tab.png); background-repeat:repeat-x;  padding:2px 5px 2px 5px; }
.error { color:#900; font-size:12px; background-color:#FC9; border:#900 solid 1px; padding:6px; margin-top:2px; margin-right:5px;  }
.message { margin-top:2px; margin-right:5px;
	color:#000;
	font-size:12px;
	background-color:#EBEBEB;
	border:#666 solid 1px;
	padding:6px;
}
.ok { margin-top:2px; margin-right:5px;
	color:#000;
	font-size:12px;
	background-color:#EDFFEA;
	border:#030 solid 1px;
	padding:6px;
}

#my-bookmarks .search { position:inherit;  margin:0px 0px 0px 220px; height: 44px; width:300px; /*top: 30px;*/background: transparent url('../images/search.png') no-repeat left top; }
#my-bookmarks .search form#search_form { float: left; /*position: relative;*/ left: 9px;/* top: 9px;*/ }
#my-bookmarks .search input[type="text"] { color: #989c9c; border: none; background: transparent url('../images/search_box.png') no-repeat left top; width: 200px; padding-left: 5px; padding-right: 2px; border:0px; }
#my-bookmarks .search input[type="submit"] { border: none; background: transparent url('../images/search_box_submit.png') no-repeat left top; width: 33px; height: 26px; padding: 0; /*position: absolute*/; top: 0; [if IE 7] top: 1px; right: -33px; }

#inner-side-header{ background-image:url(../images/inner-side-header.gif); width:100%; height:19px; background-repeat:no-repeat; margin:20px 0px 0px 21px; padding:12px;}
#inner-side-bg{ background-image:url(../images/inner-side-bg.gif); width:100%; height:350px; background-repeat:repeat-y; padding:0px 0px 0px 10px; margin:0px 0px 0px 21px;}
#inner-side-footer{ background-image:url(../images/inner-side-footer.gif); width:100%; height:20px; background-repeat:no-repeat; margin:0px 0px 0px 21px;}
#inner-side-bg a{display:block; padding:2px 2px 2px 20px; color:#000; text-decoration:none; margin-left:-6px; width:205px;}
#inner-side-bg a:hover{ padding:2px 2px 2px 20px;  background-color:#b0eceb; border-top:#d9fdfc solid 1px; border-bottom:#d9fdfc solid 1px; }
#cat-active a{ padding:2px 2px 2px 20px;  background-color:#a2e9e8; border-top:#d9fdfc solid 1px; border-bottom:#d9fdfc solid 1px; }
.cat-num { font-style:italic; font-size:11px;}

#settings-tab-form input,  #settings-tab-form textarea{ border:0px; padding:5px; width:230px; margin-left:10px;}
#settings-tab-form input[type="submit"] {width:100px; height:30px; border: groove  thin; font-weight:bold; background-image:url(../images/search_box.png); cursor:pointer;}

.error-ie6 { color:#900; font-size:12px; background-color:#FC9; border:#900 solid 1px; padding:6px; width:660px;  }

#inner-side-bg2 { margin-left:10px;}
#inner-side-bg2 a{display:block; padding:2px 2px 2px 20px; color:#000; text-decoration:none; margin-left:-6px; width:160px;}
#inner-side-bg2 a:hover{ padding:2px 2px 2px 20px;  background-color:#b0eceb; border-top:#d9fdfc solid 1px; border-bottom:#d9fdfc solid 1px; }
#cat-active2 a{ padding:2px 2px 2px 20px;  background-color:#a2e9e8; border-top:#d9fdfc solid 1px; border-bottom:#d9fdfc solid 1px; }

.add-scut { float:left; width:62px; margin:5px 2px; background-image:url(../images/widget.png); background-repeat:no-repeat; padding:20px 16px 0px 16px; border:0px; text-align:center; height:79px;}
.add-scut-txt a{ font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#000;  padding-top:15px;}

#add-scut2 {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#add-scut2 .button{ padding:7px; border: groove  thin; font-weight:bold; background-image:url(../images/search_box.png); cursor:pointer;}
#add-scut2 label { font-weight:bold;}
#add-scut2 a{ text-decoration:none; font-weight:bold;}
#add-scut2 a:hover{ text-decoration:underline;}


#add-scut2 .search { position:inherit;  margin:0px 0px 0px 220px; height: 44px; width:300px; /*top: 30px;*/background: transparent url('../images/search.png') no-repeat left top; }
#add-scut2 .search form#search_form { float: left; /*position: relative;*/ left: 9px;/* top: 9px;*/ }
#add-scut2 .search input[type="text"] { color: #989c9c; margin:0px; background: transparent url('../images/search_box.png') no-repeat left top; width: 200px;  padding-left: 5px; padding-right: 2px; border:0px;  }
#add-scut2 .search input[type="submit"] { border: none; background: transparent url('../images/search_box_submit.png') no-repeat left top; width: 33px; height: 26px; padding: 0; /*position: absolute*/; top: 0; [if IE 7] top: 1px; right: -33px; }


/* this makes it possible to add next button beside scrollable */
#scrl .scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
#scrl a.browse {
	background:url(http://static.flowplayer.org/tools/img/scrollable/arrow/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
#scrl a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
#scrl a.right:hover 		{ background-position:-30px -30px; }
#scrl a.right:active 	{ background-position:-60px -30px; } 


/* left */
#scrl a.left				{ margin-left: 0px; } 
#scrl a.left:hover  		{ background-position:-30px 0; }
#scrl a.left:active  	{ background-position:-60px 0; }

/* up and down */
#scrl a.up, a.down		{ 
	background:url(http://static.flowplayer.org/tools/img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
#scrl a.up:hover  		{ background-position:-30px 0; }
#scrl a.up:active  		{ background-position:-60px 0; }

/* down */
#scrl a.down 				{ background-position: 0 -30px; }
#scrl a.down:hover  		{ background-position:-30px -30px; }
#scrl a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
#scrl a.disabled {
	visibility:hidden !important;		
} 	


/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 518px;
	height:120px;

	/* custom decorations */
	border:1px solid #ccc;
	background:url(http://static.flowplayer.org/img/global/gradient/h300.png) repeat-x;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:15px 5px 10px 11px;
	background-color:#fff;
	padding:7px;
	border:5px solid #eeeeee;
	cursor:pointer;
	width:62px;
	height:62px;
	
}

/* active item */
.scrollable .active {
	border:5px solid #33a6a5;
	z-index:9999;
	position:relative;
}


.button1{ padding:7px; border: groove  thin; font-weight:bold; background-image:url(../images/search_box.png); cursor:pointer;}


.guest {
	margin-top:-30px;
	color:#000;
	font-size:12px;
	background-color:#ebddd2;
	/*border:#83d7d6 solid 3px;*/
	padding:10px;
	width:660px;
	line-height:20px;
}


.guest li{
	list-style-position:inside;
}

.guest-signup { float:right; padding-top:11px;}

.help-page h4{ font-size:14px;  font-weight:bold; padding-bottom:10px;}
.help-page h5{ padding-left:15px; font-weight:bold; padding-bottom:5px;}
.help-page p{ padding-left:15px;padding-bottom:15px;}
.help-page ol{ padding-left:15px; list-style-position:inside; }
.help-page li{ padding-bottom:5px; }

.faq-page h3{ font-size:14px;  font-weight:normal; padding-bottom:5px; padding-left:15px;}
.faq-page h4{ font-size:14px;  font-weight:bold; padding-bottom:10px;}
.faq-page h5{ padding-left:15px; font-size:14px; font-weight:normal; padding-bottom:5px;}
.faq-page p{ padding-left:15px;padding-bottom:15px;}
.faq-page ol{ padding-left:15px; list-style-position:inside; }
.faq-page li{ padding-bottom:5px; }


#bm_list_top1 { float: left; position: relative; width: 350px; height: 4px; margin-top: 68px; margin-left: -6px; background: transparent url('images/bookmark_list_top.png') no-repeat left top; }
#bm_list1 { float: left; position: relative; margin-left: -6px; width: 350px; background: transparent url('images/bookmark_list.png') repeat-y left top; }
#bm_list_bottom1 { float: left; position: relative; width: 350px; height: 29px; margin-left: -6px; background: transparent url('images/bookmark_list_bottom.png') no-repeat left bottom; }
.bm_list1 { list-style-type: none; width: 350px; float:left; position: relative; margin-left: 4px; overflow: hidden; }

.bm_list1 li.bookmark1 { width: 100%; padding: 3px 0 3px 10px; position: relative; }
.bm_list1 li.bookmark1:hover { background: #f5f5f5; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; padding: 2px 0 2px 10px; }

.bm_list1 li.bookmark1 a, .bm_list li.bookmark a:visited { color: #000; text-decoration: none; padding-left: 5px; }
.bm_list1 li.bookmark1:hover ul.bm_settings1 { display: inline; }
.bm_list1 ul.bm_settings1 { list-style-type: none; position: absolute; top: 2px; right: 10px; display: none; }
.bm_list1 ul.bm_settings1 li { float: left; }
.bm_list1 ul.bm_settings1 li a, .bm_list ul.bm_settings li a:visited { padding: 0 3px;}
#settings-tab-form{
	overflow:hidden;
}
.setTablerow{
	overflow:hidden;
	margin:5px;
	padding-top:5px;
}
.tblprivate{
background-color:#EBEBEB;
}
.tblpublic{
background-color:#EBEBEB;
}
.setTableCell{
	float:left;
}
#settings-tab-form .handle{
	height:2em;
	width:2em;
	background-image:url(/images/dragHandle.png);
}
.tabNameCell{}
.tabCountCell{}
.tabSubmitCell{}
.tabRemoveCell{}

#sidebar2{
    background-color: #DCE5E5;
    border: 5px solid #91E5E4;
    border-radius: 15px 0 0 15px;
    display: none;
    min-height: 560px;
    position: absolute;
    right: -1px;
    top: 0;
    width: 271px;
    z-index: 8000;
}
.awe{
	position:relative;
	float:right;
}
.awe > a{
	background-image: url("images/2p0BluGrad.png");
    background-position: 50% 50%;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF !important;
    display: block;
    height: 20px;
	min-width: 70px;
	padding:4px;
}
.awe.red > a{
	background-image: url("images/2p0RedGrad.png");
}
.some{
	background-color: #44DEDD;
    border: 3px solid #FFFFFF;
    border-radius: 6px 0 6px 6px;
    list-style: none outside none;
    position: absolute;
    right: 0;
    text-align: left;
    top: 33px;
    z-index: 100;
}
.some li{
	white-space:nowrap;
	width:210px;
}
.some .dotted{padding-bottom:3px; border-width:1px; border-style:none none dotted none;}
.some li .newAjaxLoader{
	left: 50%;
    margin: 0 -60px;
    position: absolute;
}
.some a, .some span{
	display:block;
	padding:5px 10px;
}
.some a:hover, .some span:hover{
	background-color:#4efffd;
}
.some .confirm{
	background-color:#4efffd;
	white-space:normal;
	padding:5px 10px;
}
.some .confirm p{
	font-size:11px;
	font-weight:bold;
}
.some .confirm-login{
	background-color:#4efffd;
	white-space:normal;
	padding:5px 10px;
}
.some .confirm-login p{
	font-size:12px;
	font-weight:bold;
}
.some li span{}
.some button{
	background-color: #33A6A5;
    border: 3px solid #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    margin: 5px;
}

.li-all-1 .edit-pos, .li-all-1 .add-to{
    display: none;
    height: 32px;
    left: auto;
    position: absolute;
    right: 0;
    text-indent: -9999em;
    top: 0;
    width: 32px;
}
.li-all-1 .edit-pos{
   background-image: url("../images/gear_blue.png");
}
.li-all-1 .add-to{
 background-image: url("../images/plus.png");
}

.li-all-1:hover .edit-pos, .li-all-1:hover .add-to{display:block;}

.tab-content .sortable{margin-top:5px !important;}
.ui-effects-transfer{border: 1px dotted #CCC;}
.profile_name{float: left; font-size: 25px; font-family:verdona; color:#666666; margin-top: -10px; float:left;}