﻿body { font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
	margin: 0 0 20px 0;
	/*padding:0;background: transparent url('../img/bg_no_logo.jpg') repeat-x 0 10px;*/
	background: #FFF url('../img/main_bg3.jpg') repeat-x 0 0;
	background-position:top center;
}
.Nav2 a { color: #FFF;}
li { font-family: Arial,Helvetica,sans-serif;}
h1, h2, h3, h4, h5, p, blockquote{ margin: 0; }
#container
{
	width: 1000px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body ele*/
}
#content
{
	width: 960px;
	margin: 0px 20px;
	padding: 10px 0 0 0;
	background: transparent;
}
.head
{
	height: 106px;
	width: 100%;
}
.headlogo
{
	float: left;
	margin: 0 0;
	
	background: url('../img/nav.png') -348px -0px;
	display: block;
	float: left;
	height: 101px;
	width: 194px;
	padding: 0 0;
	text-decoration: none;
	cursor: pointer;
}
/*.headlogo:hover { background-position: -348px -102px; }*/
ul
{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
a
{
	cursor: pointer;
	color: #330099;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
.sideleft { float: left; }
.sideright {float: right; }
.head .bannermenu
{
	display: inline;
	float: right;
	position: relative;
	right: -7px;
}
.bannermenu ul.Nav1
{
	clear: right;
	float: right;
	font-size: 14px;
	font-weight: bold;
	margin: 2px 0 0 10px;
	padding: 0 0 10px;
	
}
ul.Nav1 li
{
	margin: 0 0;
	padding: 0 0;
	height: 52px;
	float: left;
}
ul.Nav1 .first{}
ul.Nav1 .mid{}
ul.Nav1 .last
{
	background: url('../img/nav.png') repeat-x -350px -209px;
	padding-bottom: 9px;
}
ul.Nav1 .searchonly
{
	background: url('../img/nav.png') repeat-x -2px -146px;
	padding-bottom: 9px;
}
ul.Nav1 a
{
	width: 116px;
	text-align: center;
	text-transform: uppercase;
	display: block;
	padding: 17px 0 26px 0;
	margin: 0 0;
	background: url('../img/nav.png') repeat-x -116px -209px;
}
ul.Nav1 a:hover
{
	 background-position: -116px -273px;
}
.Nav1 .first a
{
	background: url('../img/nav.png') no-repeat 9px -209px;
	width: 115px;
	padding-left: 10px;
}
.Nav1 .first a:hover
{
	background-position: 9px -273px;
}
.Nav1 .divSearch
{
	margin: 15px 11px 0 15px;
	width: 165px;
}
li.searchonly .divSearch
{
	width: 236px;
	margin: 15px 14px 0 11px;
}
ul.Nav1 .ssqtxt
{
	background: url('../img/nav.png') no-repeat 0 -86px;
	width: 123px;
	height: 21px;
	border: 0px none;
	margin: 0 0;
	padding: 3px 0 0 7px;
	color: #CCC;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	float: left;
}
ul.Nav1 li.searchonly .ssqtxt
{
	background-position: 0 -117px;
	width: 202px;
}
ul.Nav1 .ssqtxt.normal
{
	color: #000;
	font-style: normal;
}
ul.Nav1 .ssqimg, ul.Nav1 li.last .ssqimg
{
	background: url('../img/nav.png') no-repeat -128px -86px;
	width: 26px;
	height: 24px;
	float: left;
	margin: 0 0;
	padding: 0 0;
	cursor: pointer;
	
}
ul.Nav1 .ssqimg, ul.Nav1 li.searchonly .ssqimg
{
	background-position: -208px -117px;
}
ul.Nav1 input.ssqimg, ul.Nav1 li.last input.ssqimg
{
	border: 0px none;
}
ul.Nav1 .ssqimg:hover, ul.Nav1 li.last .ssqimg:hover
{
	text-decoration: none; 
}
.clearall{ clear: both; }
.rightcolumn{ float: right; width: 250px; }
.maincontent{ float: left; width: 682px; }

/*three columns for Cinch Toolbox*/
.maincontent .toolbox
{
	height:600px;
	background-color:White;
	margin-left:30px;
	margin-right:20px;
	margin-top:10px;
} 

.maincontent .leftfourth 
{
	
	width:140px;
	margin-right:10px;
	margin-left:10px;
	float: left;
}
.maincontent .secondfourth  
{
	float: right;
	position:relative;
	width:150px;
	margin-right:20px;
}
.maincontent .thirdfourth 
{
	width:130px;
	float: right;
	padding-right:20px;
}

.maincontent .rightfourth 
{
	width:130px;
	float: right;
}

.maincontent .righthalf 
{
	width:300px;
	float: right;
	margin-top: 25px;
}

.maincontent .lefthalf 
{
	width:300px;
	float: left;
	margin-top: 25px;
}

.maincontent h3 
{
	font-size: 18px;
	color:#9168A6;
	padding-bottom: 10px;
}
/*---- footer styles ------ */
.footer { clear: both; padding-top: 30px; font-size: 12px;}
.footer hr
{
	margin-top: 8px;
	color: #E5E5E5;
	background-color: #FFF;
	height: 1px;
	border: 1px solid #E5E5E5;
	border-top: 0px none;	
	border-left: 0px none;
	border-right: 0px none;
}
.footLinks { float: left; }
.footLinks li { border-left: 1px solid #CCC; display: inline; float: left; padding: 0px 0px; }
.footLinks li.first { border-left: 0px none; }
.footLinks a { display: block; margin: 0; padding: 0px 15px; text-align: center; }
 

/* ---------------------- panels --------------------- */
/* ---------------------- panels --------------------- */
.panel
{
	clear: both;
	background: #FFF;
	font-size: 12px;
	margin: 0 0 20px 0;
}
.nopanel, .transpanel
{
	background: transparent;
	font-size: 12px;
	margin: 0 0;
}
.maincontent .Title
{
	background-color: #9168A6;
	color: #FFF;
	font-size: 15px;
	/*font-weight: bold;*/
	margin: 0 0 10px 0;
	padding: 6px 10px;
	border-bottom: 1px solid #FFF;
	height: 30px;
	/*clear: both;*/
}
.Title h2, .Title h1
{
	float: left;
	font-size: 23px; 
	text-shadow: 1px 1px .5px #000;
}
.Title .rss
{
	float: right;
	background: #9168A6 url('../img/pageui.png') no-repeat -95px -61px;
	width: 29px;
	height: 29px;
	margin: 0 0;
	padding: 0 0;
	outline: 0;
	cursor: pointer;
}
.Title .rss:hover { text-decoration: none; }
.rightcolumn .panel
{
}
.panel .panelH4
{
	background-color: #9168A6;
	color: #FFF;
	font-size: 13px;
	/*font-weight: bold;*/
	margin: 0 0;
	padding: 6px 10px;
	border-bottom: 2px solid #D073FF;
}
.panelH4 h4, .panelH4 h2 { font-size: 13px; }
.panel .content
{
	padding: 15px 13px;
	background-color: #FFF;
	color: #000;
	border-bottom: 2px solid #CBB0DB;
}
.panel .buttons
{
	margin: 10px 0 5px 0;
	height: 30px;
}
.panel .buttonsfollow
{
	margin: 5px 0;

	
	padding-bottom:0px;

}
.panel .buttonsfollow a
{
	float: left;
	padding-top: 5px;
	margin: 0 5px 0 0;
	cursor: pointer;
}
.panel .buttons a
{
	float: left;
	padding-top: 5px;
	margin: 0 5px 0 0;
	cursor: pointer;
}
.panel .buttons a.right
{
	float: right;
}
.panel .divider
{
	border-top: 2px dotted #CCC;
	margin: 8px 0;
	clear: both;
}
.plogin input[type="text"], .plogin input[type="password"]
{
	width: 100px;
	border: 2px solid #CFCFCF;
	margin: 0 0 0 -1px;
	height: 13px;
	font-size: 11px;
	padding: 2px 2px;
}
.rightcolumn .panel input[type="checkbox"]
{
	margin: 8px 3px 0 0;
}
.rightcolumn .panel.iphone p
{
	width: 110px;
}
.rightcolumn .panel.iphone .content
{
	/*position: relative;*/
	height: 160px;
}
.buttons.iphone
{
	position: relative;
	height: 1px;
}
.rightcolumn .panel.iphone a.iphone
{
	z-index: 1;
	background: no-repeat url('../img/iphone.png') 0 0;
	position: absolute;
	left: 104px;
	bottom: -7px;
	width:123px;
	height: 192px;
}
.rightcolumn .panel.iphone a.iphone.coming
{
	background-position: -122px -173px;
	width: 125px;
}
.rightcolumn .panel.todo .panelH4
{
	color: #000;
	background: #F1F0F6;
}
.rightcolumn .panel.todo .panelH4 .sideright{white-space:nowrap;width:29px;
	float: right;
	position: relative;
}
.panel.todo ul
{
	 list-style-type: inherit;
	 list-style-position: outside;
	 margin: 0 0 0 10px;
}
.rightcolumn .panel.todo .panelH4 .sideright .flag
{
	background: url('../img/buttons.png') no-repeat transparent -261px -540px;
	width: 23px;
	height: 36px;
	position: absolute;
	right: 0px;
	bottom: -24px;
}
#myStatus .panelH4, #todo .panelH4, .panel.part .panelH4
{
	height: 17px;
}
.modalPopup .panelH4
{
	height: 36px; padding: 0 0;
}
.modalPopup .panelH4 h4
{
	font-size: 16px;
	padding: 8px 10px;
}
#myStatus .panelH4 h4, .rightcolumn .panel.todo .panelH4 h4, .modalPopup .panelH4 h4, .stats
{
	float: left;
	
}
#myStatus a:hover, .following.stats a:hover { text-decoration: none; }
#myStatus a:hover span, .following.stats a:hover span{ text-decoration: underline; }
#myStatus .stats { margin-right: 15px; width: 148px; }
.stats .column{ float: left;  margin: 0 5px 5px 0;}
.stats .column .numbers
{
	width: 40px;
	font-weight: bold;
	float: left; 
	text-align: right;  
	/*margin: 0 5px 5px 0;*/
	color: #000;
}
.following.stats .column { font-size: 13px; }
/*#myStatus .stats .column .numbers */
.stats .column .text{float: left;}
#myStatus .stats .column .text{width: 55px;margin: 0 15px 5px 0;}
#myStatus .panelH4 .sideright, .panelPic .sideright, #myStatus .picture, .modalPopup .close, .panelAlbumPopup .baricon{float: right;}
#myStatus .picture img{height: 57px;width: 57px;}
.panelPic .close, .panelAlbumPopup .baricon, .modalPopup .panelH4 .close, .panelEditCinchPopup .close
{
	height: 36px;
	background-color: #9999CC;
}
.panelH4 .folder
{
	background: url('../img/buttons.png') -111px -110px;
	width: 22px;
	height: 20px;
	padding: 0 0;
	margin: 0px 8px 2px 2px;
	display: inline-block;
}
.panelAlbumPopup .baricon
{
	padding: 6px 6px;
}
.panelPic .close a, .modalPopup .panelH4 .close a
{
	cursor: pointer;
	color: #FFF;
	float: right;
	padding: 2px 10px;
	position: relative;
	top: 11px;
	outline: 0;
}
.panelPic .close a.processing, .modalPopup .panelH4 .close a.processing
{
	background: url(../img/animatedSprite12State.gif) no-repeat 0 0;
	padding-left: 16px;
	margin-left: 5px;
	margin-right: 0px;
}
#myStatus .panelH4 a, .panelPic .panelH4 a
{
	color: #FFF;
}
#myStatus .panelH4 .sideright a, .panelPic .close a
{
	font-size: 11px; font-weight: bold;
}
.content.newAlbum, .content.newAlbum p, .panelEditCinchPopup .content.editCinch
{
	line-height: 20px;
}
.content p.newAlbum.normal
{
	line-height: 15px;
	padding-bottom: 10px;
}
.content.newAlbum .newAlbum
{
	clear: left;
}
.content.newAlbum .newAlbum span, .content.newAlbum .newAlbum a, .content.newAlbum .newAlbum input
{
 float: left;
}
#newAlbum input.text
{
	width: 215px;
	border: 1px solid #999;
	color: #aaa;
	font-weight: bold;
	font-style: italic;
	float: left;
}
#newAlbum input.text.normal
{
	border: 1px solid #000;
	color: #000;
	font-style: normal;
	font-weight: normal;
}
#newAlbum label, #newAlbum span.title
{
	color: #666;
	font-style: italic;
	font-weight: bold;
}
#newAlbum span.title
{
	position: relative;
	bottom: -7px;
	left: -3px;
}
#newAlbum .edit.albums label
{
	font-weight: normal;
	color: #000;
	font-style: normal;
	font-size: 14px;
}
table.edit.albums input.aedit
{
	width: 137px;
	float: left;
}
table.edit.albums
{
	width: 320px;
	overflow-x: visible;
	overflow-y: scroll;
	clear: left;
}
#newAlbum table.edit.albums label span.count
{
	color: #999;
}
a.aSaveDark
{
	background: url('../img/buttons.png') no-repeat -32px -32px;
	width: 16px;
	height: 17px;
	margin: 3px 3px;
	padding: 0 0;
	float: left; outline: 0;
}
a.aSaveDark:hover { text-decoration: none; }
a.lock, a.unlock
{
	background: #FFF url('../img/buttons.png') no-repeat -31px -131px;
	width: 17px;
	height: 19px;
	margin: 3px 3px;
	padding: 0 0;
	float: left; outline: 0;
}
a.unlock, a.lock:hover{background-position: -31px -106px;}
a.unlock:hover{background-position: -31px -131px; }
a.delX{
	background: url('../img/buttons.png') no-repeat -33px -57px;
	width: 16px;
	height: 16px;
	margin: 1px 1px;
	padding: 0 0;
	float: left; outline: 0;
}
a.delX:hover { background-position: -32px -81px; }
table.edit.phones a.delX { margin-left: 15px; }
a.lock:hover, a.unlock:hover, a.delX:hover { text-decoration: none; }
label.editDark
{
	background: url('../img/buttons.png') no-repeat -56px -193px;
	width: 16px;
	height: 9px;
	margin: 3px 5px;
	padding: 0 0;
	float: left;
	cursor: pointer; outline: 0;
}
a.up, a.down
{
	background: url('../img/buttons.png') no-repeat -82px -32px;
	width: 17px;
	height: 17px;
	margin: 0 0;
	padding: 0 0;
	float: left;
	outline: 0;
}
a.down{ background-position: -104px -32px;}
a.up:hover, a.down:hover { text-decoration: none; }
/*------- settings page panel layouts ---*/
.vtabbedpanel
{
	width: 100%;
	clear: both;
	background: transparent;
}
.panel vtabbedpanel { display: inline;}
.vtabbedpanel .paneltabs
{
	float: left;
}
.vtabbedpanel ul.paneltabs
{
}
.vtabbedpanel .paneltabs li
{
	display: block;
	margin: 0 0;
	padding: 0 0;
	float: left;
	clear: left;
}
.vtabbedpanel .paneltabs li a
{
	display: block;
	cursor: pointer;
	color: #FFF;
	width: 105px;
	height: 20px;
	text-align: right;
	padding: 9px 10px 3px 0;
	background: url('../img/buttons.png') no-repeat 0px -205px;
}
.vtabbedpanel .paneltabs li a .fb, .vtabbedpanel .paneltabs li a .tw
{
	width: 14px; height: 14px; display: inline-block; 
	position: relative; top: 1px; float: left;
	background: #FFF url('../img/buttons.png') -33px -183px; margin-left: 6px;
}
.vtabbedpanel .paneltabs li a .tw { background-position: -346px -247px; height: 17px; background-color: Transparent; }
.vtabbedpanel .paneltabs li a.top
{
	height: 19px;
	padding-top: 9px;
	background-position: 0px -206px;
}
.vtabbedpanel .paneltabs .ui-tabs-selected a
{
	background: #FFF none;
	border-left: 7px solid #9168A6;
	color: #000;
	width: 98px;
}
.ui-tabs-hide
{
	display: none;
}
.vtabbedpanel .tabcontent
{
	float: left;
	width: 527px;
	overflow: hidden;
	padding: 20px 20px;
	min-height: 150px;
	background-color: #FFF;
	color: #000;
}
.tabcontent.nopadding, .vtabbedpanel .tabcontent.nopadding
{
	padding: 0 0;
	width: 567px;
}

h3.section
{
	margin-bottom: 12px;
	font-size: 17px;
	color: #9168A6; /*#330099;*/
}
.welcome .section
{
	padding-left: 85px;
	clear: both;
}
.welcome .divider { margin: 10px 0; }
.welcome .section.id { background: url('../img/registerSprite.png') no-repeat -104px -915px; }
.welcome .section.avatar { background: url('../img/registerSprite.png') no-repeat -114px -84px; }
.welcome .section.fbtwitter { background: url('../img/registerSprite.png') no-repeat -110px -176px; }
.welcome .section.cinchers { background: url('../img/registerSprite.png') no-repeat -112px -339px; }
.welcome .section.avatar .radupload, .welcome .section.avatar .RadUpload { padding-top: 2px; }
.welcome .section hr
{
	clear: both; 
}
.welcome .section .sideleft { margin-right: 15px; }
.welcome h3
{
 text-transform: uppercase;
 margin-bottom: 4px;
	font-size: 15px;
	color: #9168A6; /*#330099;*/
}
.vtabbedpanel h3.section
{
	border-bottom: 1px dashed #CCC;
	margin-bottom: 12px;
	font-size: 17px;
	color: #9168A6; /*#330099;*/
	
}
.vtabbedpanel h4.section
{
	border-bottom: 1px solid #CCC;
	margin-bottom: 8px;
	font-size: 13px;
	color: #999;
	
}

.settings .avatarbutton { cursor: pointer; margin-top: 10px; }
.settings .avatarbutton a, .settings .avatarbutton input
{
	float: left;
	margin-right: 10px;
}

.settings .left
{
	text-align: right;
	vertical-align: top;
	width: 100px;
}
.section.id .settings .left
{
	width: 60px; 
	padding-left: 0px;
}
.settings .left label
{
	padding-top: 3px;
	color: #666;
}
.settings .left .avatar
{
	margin-right: 20px;
}
.settings label.geared, table.edit label.geared
{
	padding-left: 18px;
	background: #FFF url('../img/buttons.png') -57px -85px no-repeat;
	font-weight: bold;
	cursor: pointer;
}
table.edit label.geared
{
	background: url('../img/buttons.png') -57px -83px;
	padding: 0;
	margin: 0 2px 0 2px;
	width: 14px;
	height: 16px;
	float: left;
	display: block;
}
table.edit label.geared:hover, .settings .gearedlabel:hover{background-position: -57px -102px;}
.settings label.geared:hover{
	text-decoration: underline;
	background-position: -57px -104px;
}
table.settings span
{
	display: inline;
}
.settings span.geared, .settings .gearedlabel
{
	padding-left: 18px;
	background: url('../img/buttons.png') no-repeat -57px -103px;	
}
.settings .gearedlabel{
	cursor: pointer;line-height:15px;
	background-position: -57px -85px;
}
.settings .gearedlabel label { cursor: pointer; background: #FFF; }
input[type="text"].hide, input.hide, .geared.hide, .settings span.geared.hide
{
	display: none;
}
span.geared input.text, .settings .site input.text, table.links input.text
{
	border: #999 1px solid;
	height: 15px;
	font-size: 12px;
	font-weight: bold;
}
span.geared input.text.short
{
	width: 150px;
}
.settings p.desc 
{
	color: #999;
	font-size: 11px;
	margin-bottom: 3px;
}
.facebookLogo, .myspaceLogo, .twitterLogo, .ningLogo, .youtubeLogo, .yelpLogo, .flickrLogo, .picassaLogo, .myotherlogo
{
	width: 23px;
	height: 23px;
	float: left;
	background: #FFF url('../img/buttons.png') no-repeat;
}
.hide, .settings span.hide { display: none;}
.settings .site { float: left; color: #666; }
.settings .site input.text { min-width: 100px; }
.settings table.links input.text { min-width: 150px; }
.facebookLogo{ background-position: -1px -50px; }
.myspaceLogo {	background-position: -1px -72px;}
.twitterLogo { background-position: -1px -31px; }
.ningLogo { background-position: -1px -93px; }
.youtubeLogo { background-position: -1px -116px; }
.yelpLogo { background-position: -1px -137px; }
.flickrLogo { background-position: -1px -159px; }
.picassaLogo { background-position: -1px -182px; }
.myotherlogo { background-position: -28px -159px; margin-top: 21px;}
.settings a.save, .settings a.edit, .settings a.trash, .settings a.cancel
{
	background: url('../img/buttons.png') no-repeat;
	height: 16px; 
	width: 16px;
	display: block;
	cursor: pointer;
	float: left;
}
.settings a.save{ background-position:  -57px -32px;}
.settings a.edit{ background-position:  -57px -86px;}
.settings a.trash{background-position:  -57px -148px;}
.settings a.cancel{background-position: -56px -171px;}
.settings a.save:hover, .settings a.edit:hover, .settings a.trash:hover, .settings a.cancel:hover{text-decoration: none;}
.settings a.edit:hover{background-position:  -57px -104px;}
.varbutton
{
	font-weight: bold;
	margin: 0 0 0 5px;
	outline: 0;
	color: #FFF;
	background: url('../img/varbuttons.gif') left 0px  no-repeat;
	padding: 6px 0 7px 8px;
	height: 16px;
	cursor: pointer;
}
.buttons .varbutton
{
	padding: 5px 0 7px 8px;
	height: 16px;
}
.varbutton span
{
	padding: 6px 8px 7px 0;
	background: url('../img/varbuttons.gif') right -28px no-repeat;
	line-height: 16px;
}
.buttons .varbutton span
{
	padding: 6px 8px 7px 0;
	line-height: 16px;
}
.varbutton span:hover { text-decoration: underline; }
.varbutton.processing
{
	background: url('../img/animatedSprite12State.gif') 0 3px  no-repeat;
	margin-right: 10px;
	padding-right: 18px;
}
.varbutton.processing span { display: none; }
.vtabbedpanel .subsection
{
	float: left;
	margin-right: 15px;
	padding: 10px 10px;
	color: #666;
}
#Mobile .subsection
{
	width: 500px;
}
#Mobile .subsection p.desc { font-size: 11px; }
.RadUpload_Default.p65 input.ruBrowse
{
	background: url('../img/buttons.png') -295px 0px;
	height: 25px; 
	width: 65px;
	margin: 0 0 0 10px;
	font-size: 12px;
	cursor: pointer;
	color: #FFF;
}
.RadUpload_Default.p65 .ruFakeInput { width: 125px; padding-bottom: 0px; }
.RadUpload_Default.p65 .ruStyled .ruFileInput{ margin-top: 5px; }
/* ----------------- login specifics ---------------- */
div.login input.passunder
{
	position: absolute; z-index: 0;
}
div.login input.passover
{
	position: absolute; z-index: 1;
}
div.login p.plogin {position: relative;}
.maincontent .panelReg .centertext, .maincontent .panelReg .registerbuttons
{
	text-align: left;
}
.maincontent .panelReg .twitterbutton { margin-left: 5px; }
/* ----------------- general ---------------- */
/* ----------------- buttons ---------------- */
a.p65, input.p65
{
	font-size: 13px;
	width: 73px;
	height: 17px;
	background: url('../img/buttons.gif') 0 0;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	display: block;
	padding: 3px 0;
	cursor: pointer;
}
a.p65.processing, a.p215.processing, .attach a.picprocessing, input.p65.processing, input.p215.processing
{
	font-size: 13px;
	height: 17px;
	background: url('../img/animatedSprite12State.gif') no-repeat 0 1px;
	text-align: left;
	vertical-align: middle;
	color: #000;
	display: block;
	padding: 3px 4px 3px 26px;
	cursor: default;
	outline: 0; /* prevent dotted border in Firefox */
}
input.p65.processing, input.p215.processing
{
	background-position: 0 5px;
	height: 24px;
	padding-right: 18px;
	outline: 0;
}
.p65.processing:hover, .p215.processing:hover { text-decoration: none; }
input.p65:hover, input.p215:hover{ text-decoration: underline; }
input.p65:hover, a.p65:hover{ background-position: -76px -55px; }
input.p215:hover, a.p215:hover{ background-position: -149px -54px; }
.rightcolumn .panel .p65.center
{
	margin-left: 75px;
}
a.p215, input.p215
{
	font-size: 13px;
	width: 148px;
	height: 17px;
	background: url('../img/buttons.gif') no-repeat -73px 0;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	display: block;
	padding: 3px 0;
	cursor: pointer;
}
input.p65, input.p215
{
	border: 0px none;
	height: 25px;
	line-height: 12px;
	display: inline;
	margin-right: 5px;
	padding: 0 0;
	float: left;
}
.p215.center
{
	margin-left: 40px;
}
a.follow
{
	font-size: 12px;
	width: 65px;
	height: 17px;
	background: url('../img/buttons.png') no-repeat -295px 0px;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	display: block;
	padding: 4px 0;
	cursor: pointer;
	margin: 0 0;
	outline: 0;
}
.welcome .section a.follow { position: relative; top: 13px; }
a.follow.album
{
	background-position: -77px -81px;
	width: 129px;
}
/*------------- horizontal tabs ------ */
.htabContainer
{
	float: none;
	clear: both;
	padding: 0 0;
	margin: 0 0;
	border-bottom: 2px solid #9168A6;
}
.htabContainer .htabs
{
	float: left;
	margin-top: 9px;
	
}
.htabContainer a.follow
{
	margin: 0 8px 5px 0;
}

#tabNav a
{
	outline: 0;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	background: url('../img/htabs.png') left -23px  no-repeat;
	padding: 0 0 0 10px;
	margin: 0 0;
	cursor: pointer;
}

#tabNav a.back
{
	
color: #FFF;
background: url('../img/htabs.png') left 0  no-repeat;
padding-left: 10px
}

#tabNav a span
{
	padding: 4px 10px 3px 0;
background: url('../img/htabs.png') right -92px no-repeat;
}
#tabNav .back span
{
background: url('../img/htabs.png') right -69px no-repeat;
padding-right: 10px
}

#tabNav a, #tabNav a span
{
display: block;
float: left
}

/* Hide from IE5-Mac \*/
#tabNav a, #tabNav a span
{
float: none
}
/* End hide */

#tabNav a:hover
{
color: #fff;
background: url('../img/htabs.png') left -46px  no-repeat;
padding-left: 10px
}

#tabNav a:hover span
{
background: url('../img/htabs.png') right -115px no-repeat;
padding-right: 10px
}

#tabNav ul
{
list-style: none;
padding: 0;
margin: 0
}

#tabNav li
{
float: left;
margin: 0;
} 
/*------------- input controls ---------- */
div.textbox, span.textbox 
{
	display: inline;
	padding: 3px 0 1px 0;
	border: 1px solid #E8E8E8; 
	margin: 0 3px 3px 0;
	width: 110px;
}

.panel #registration, .panel #forgotpw, .panel #feedback
{
	margin: 0px 0 2px 13px;
}
#registration input[type="text"],#registration input[type="password"], .panel #feedback input[type="text"], .panel #feedback textarea{ width: 193px; }
#forgotpw input[type="text"] { width: 200px; }
.forgotForm p, #feedback p, #registration p{ padding-top: 6px; width: 209px; }
#registration .example, .welcome .example { font-size: 10px; color: #999; margin-bottom: 10px; }
.welcome .example { float: left; clear: left; }
#registration .optional, #feedback .optional { float: right; padding-right: 10px; font-size: 10px; color: #999; }
#registration .moretext { font-size: 10px; width: 196px; padding-bottom: 4px; position: relative;}
#registration .moretext a, #registration .moretext a:hover { text-decoration: none; }
#registration a.moretext:hover { text-decoration: none; }
#registration .hoverpoint, .fbpermissions .desc .hover
{
	position: absolute;
	top: 26px;
	left: 140px;
	padding: 5px 0 0 0;
	margin: 0 0;
	z-index: 2;
	background: transparent url(../img/wide.png) 0px -30px;
	color: #FFF;
	text-decoration: none;
	width: 250px;
	visibility: hidden;
	cursor: default;
	font-size: 12px;
}
#registration .moretext:hover .hoverthis { text-decoration: underline; }
#registration .moretext:hover .hoverpoint { visibility: visible;  }
#registration .hoverpoint p, .fbpermissions .desc .hover span, .fbpermissions .desc .hover p { background: #B7B7B7; padding: 10px 10px; text-decoration: none; width: auto;}
#registration .moretext:hover .hoverpoint p, #registration .moretext .hoverpoint p:hover{text-decoration: none;}
#divForgotPassword input.text { width: 193px; }
.panel .error
{
	font-size: 11px;
	color: Red;
}
.errors ul{ margin-left: 10px; }
/* ---------- modal -------------------- */
.modalPopupEmbed
{
	background: transparent;
	display: block;
	border: 0px none;
	padding: 0 0;
	z-index: 100001;
	height: 64px;
	position: absolute;
	z-index: 10002;width: 300px; left: 70px; display: inline-block;
}
.modalPopup
{
	background: transparent;
	background-color: #FFFFDD; 
	display: block;
	opacity: 2;
	border: 0px none;
	padding: 0 0;
	z-index: 100001;
	left: 300px;
	top: 100px;
	position: absolute;
	/* display: block;
	background-color:#CCEAF5;
	border-width:2px;
	border-style:solid;
	border-color: #999999;
	padding: 19px 19px;
	position: absolute;
	z-index: 1001; 
	width: 470px;
	filter:alpha(opacity=130);
	opacity:2.0;*/
}
.modalBackground
{
	background-color: Gray;
	opacity: 0.7;
	filter:alpha(opacity=70);
	width: 100%;
	position: fixed; 
	left: 0px; 
	top: 0px; 
	z-index: 1000; 
	overflow: hidden;
    width: 2000px; 
    height: 3579px;
}
.modalBackground:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.panelReg, .panelPic, .cloudTop .album, .rssPopupParent, .albumPopupParent /* .albumbar*/
{
	position: relative;
}
.albumPopupParent { z-index: 20005; } /* fixes ies*/
/* -------- CINCH REPEATERS -- */
/* -------- CINCH REPEATERS -- */
ul.cinchs
{
	border-bottom: 1px solid #EEE;
	border-left: 1px solid #EEE;
	border-right: 1px solid #EEE;
	clear: both;
	display: block;
	margin: 0 0;
	padding: 0 0;
	font-size: 12px;
	background: #FFF;
}
ul.cinchs li .cinch
{
	padding: 5px 5px;
	clear: both;
}
ul.cinchs li
{
	border-top: 1px solid #EEE;
	display: block;
	margin: 0 0;
	clear: both;
	padding: 0 0;
}
ul.cinchs li:hover{ background-color: #ECECEC; }
.cinchs .cplayer
{
	margin: 10px 5px;
	float: right;
	width: 80px;
	height: 100px;
}
.replies .cplayer 
{
	margin: 0 5px;
	width: 42px;
	height: 50px;
	position: relative;
}

.cinchs a.delete
{
	float: right;
	color: #666;
	background-color: #CCC;
	padding: 0px 5px 3px 5px;
	font-weight: bold;
	font-size: 22px;
	visibility: hidden;
}
.cinchs a.delete.processing
{
	background: #CCC url(../img/animatedSprite12State.gif) no-repeat scroll 0px -92px;
	visibility: visible;
	height: 24px;
	width: 23px;
	display: inline-block;
	padding: 0 0;
}
.cinchs .playcount
{
	margin: 55px 10px 10px 20px;
	text-align: center;
	font-size: 11px;
}
.cinchs .cplayer.faux, .panelEditCinchPopup .cplayer.faux
{
	background: url('../img/wide2.png') no-repeat -62px -1042px;
	cursor: pointer;
	color: #999;
}
.replies .cplayer.faux
{
	background: url('../img/misc.png') no-repeat -40px -107px;
	height: 34px;
	width: 34px;
	margin: 5px 5px 0 5px;

}
.replies .cplayer.faux.pending
{
	background-position: -80px -107px;
}
.cplayer.faux .pending, .panelEditCinchPopup .cplayer.faux .pending
{
	position: relative;
	top: 30px;
	background: #FFF;
	color: #666;
	font-style: italic;
	padding: 3px 5px 5px 10px;
	text-align: center;
	font-size: 14px;
}
.cinchs .cplayer.faux:hover, .panelEditCinchPopup .cplayer.faux:hover
{
	background-position: 12px -1042px;
}
.replies .cplayer.faux:hover
{
	background-position: 0 -107px;
}
.cinchs .leftdownload
{
	background: url('../img/wide.png') no-repeat 0 -152px;
	cursor: pointer;
	/*margin: 10px 5px;*/
	float: left;
	width: 65px;
	height: 19px;
}	
.cinchs .leftdownload:hover{background-position: -65px -152px;}
.cinchs .leftPermalink
{
	background: url('../img/wide.png') no-repeat 0 -169px;
	cursor: pointer;
	/*margin: 10px 5px;*/
	float: left;
	width: 65px;
	height: 19px;
}	
.cinchs .leftPermalink:hover{background-position: -65px -169px;}
.cinchs .leftembed
{
	background: url('../img/wide.png') no-repeat 0 -186px;
	cursor: pointer;
	/*margin: 10px 5px;*/
	float: left;
	width: 65px;
	height: 17px;
}	
.cinchs .leftembed:hover{background-position: -65px -186px;}
.cembedpopupleft
{
	position: relative;
	background: url('../img/wide.png') no-repeat -132px -152px;
	width: 26px;
	height: 61px;
	/*display: inline-block;*/
	float:left;

}
.cembedpopupright
{
	position: relative;
	background: url('../img/wide.png') no-repeat -162px -152px;
	width: 12px;
	height: 61px;
	display: block;
	float:left;
}
.cembedpopupmain
{
	position: relative;
	border-top: 3px solid #666666;
	border-bottom: 4px solid #666666;
	width: 220px;
	height: 47px;
	padding-top:6px;
	vertical-align:top;
	background-color:White;
	float: left;
}
#txtembedcode { height: 35px; width: 200px;}
.cembedpopupclose
{
	border-top: 3px solid #666666;
	border-bottom: 4px solid #666666;
	height: 48px;
	padding-top:5px;
	vertical-align:top;
	background-color:White;
	float: left;
	width: 34px;
}

.cinches .singlecinchactions
{
	width:66px; 
	background-color:White;
}
.cinchs .leftdownloadsingle
{
	background: url('../img/wide.png') no-repeat -180px -153px;
	cursor: pointer;
	/*margin: 10px 5px;*/
	float: left;
	width: 64px;
	height: 19px;
}	
.cinchs .leftdownloadsingle:hover{background-position: -244px -153px;}
.cinchs  .leftembedsingle
{
	background: url('../img/wide.png') no-repeat -180px -171px;
	cursor: pointer;
	/*margin: 10px 5px;*/
	float: left;
	width: 64px;
	height: 19px;
}	
.cinchs  .leftembedsingle:hover{background-position: -244px -171px;}
/*----- adding a cinch  ---- */
.cbody .etc
{
	clear: both;
	
	margin-top: 5px;
}
.cinchs .cbody p, .cinchs .cbody h2
{
	padding: 5px 0;
}
.etc .options, 
{
	float: left;
}
.cloudTop .options
{
	margin-top: 5px;
}
.quoteTop .options
{
	z-index: 1;
	float: left;
	
}
.quoteTop .options label.lbl
{
	float: left;
	font-size: 13px;
	font-weight: bold;
}
.quoteTop .options .recorder
{
	z-index: 1;
	float: left;
	position: relative;
	width: 250px;
	height: 25px;
	left: 0px;
	top: -6px;
}
.replyRecorder .recorder
{
	z-index: 1;
	float: left;
	position: relative;
	width: 250px;
	height: 25px;
	left: 0px;
	top: -6px;
}
.quoteTop .dblurb
{
	clear: both;
	float: none;
	background: #FFF url('../img/wide.png') no-repeat 0 -106px;
	height: 30px;
	width: 581px;
	padding: 7px 7px;
}
.newcinch div.record, .replies div.record { float: left; }
.replies div.record {margin: 5px 0 0px 0;}
.newcinch a.record, .replies a.record
{
	background: url('../img/buttons.png')  -77px -136px;
	margin: 0 4px;
	padding: 2px 0 3px 23px;
	float: left;
	color: #990000;
	position: relative;
	top: -2px;
	
}
.newcinch .record .recorded, .replies .record .recorded
{
	background: url('../img/buttons.png')  -77px -158px;
	margin: 0 4px;
	padding: 2px 0 3px 23px;
	float: left;
	color: #000;
	position: relative;
	top: -2px;
}
.newcinch .modalBackground { z-index: 10000; }.saveflashbutton { visibility: hidden; }
.attach .filename { float: left; }
.newcinch .record .remove, .newcinch .attach .remove, .replies .record .remove
{
	background: url('../img/misc.png')  0px -63px;
	margin: 3px 4px;
	padding: 0 0;
	float: left;
	color: #FFF;
	position: relative;
	width: 14px;
	height: 14px;
	line-height: 14px;
	display: inline-block;
	border: 0px none;
	top: -2px;
}
.newcinch .record .remove.processing, .newcinch .attach .remove.processing, .replies .record .remove.processing
{ background: url(../img/animatedSprite12State.gif) -1px -1px;}
.newcinch .record .removelbl, .newcinch .attach .removelbl, .replies .record .removelbl
{
	position: absolute;
	top: -26px;
	left: -11px;
	background: url('../img/wide.png') 0 0;
	height: 25px;
	line-height: 20px;
	color: #FFF;
	padding: 0px 8px 0px 8px;
	visibility: hidden;
	z-index: 2;
	white-space: nowrap;
	cursor: pointer;
	text-decoration: none;
}
.newcinch .record .removelbl:hover, .replies .record .removelbl:hover
{
	text-decoration: underline;
}
.newcinch .rhover:hover label, .replies .rhover:hover label { visibility: visible; }
.record .sideleft.pointo, .replies .boxpointer, .replyRecorder .sideleft.pointo
{
	position: relative;
	right: -2px;
	background: url('../img/buttons.png') no-repeat -291px -178px;
	width: 11px;
	height: 17px;
	top: 10px;
	display: block;
}
.record .modalPopup .content, .replyRecorder .modalPopup .content
{
	border-left: 2px solid #DBDBDB;
	border-top:  2px solid #DBDBDB;
	border-bottom: 2px solid #DBDBDB;
	background: #F3F3F3;
	padding: 5px 5px;
	width: 250px;
}
.record .modalPopup .close, .replyRecorder .modalPopup .close
{
	background: #B7B7B7;
	vertical-align: middle;
	height: 100%;
	float: left;
	padding: 5px 8px;
	border-right: 2px solid #DBDBDB;
	border-top:  2px solid #DBDBDB;
	border-bottom: 2px solid #DBDBDB;
}
.record .modalPopup .close a, .replyRecorder .modalPopup .close a
{
	color: #F3F3F3;
	font-weight: bold;
	font-size: 18px;
	
}
/*.myCinch .attach a:hover
{
	text-decoration: none;
}*/
.newcinch .attach { float: left; padding-left: 10px; }
.newcinch .attach .pic
{
	background: url('../img/buttons.png') no-repeat -77px -181px;
	height: 15px;
	margin: 0 3px;
	padding: 3px 0px 2px 23px;
}
.newcinch .attach .userimg
{
	max-height: 21px;
	max-width: 25px;
	margin: 0 3px;
	float: left;
}
.newcinch .attach .radupload, .newcinch .attach .RadUpload
{
	float: left;
	width: 200px;
	display: none;
}
.newcinch .attach a
{
	cursor: pointer;
	float: left;
	padding-right: 5px;
}
.newcinch .proceed, .newcinch .proceed label, .newcinch .proceed .csubmit
{
	float: right;
}
.newcinch .proceed label, .addbox label.len { color: #330099; font-size: 12px; font-style: italic; padding-top: 5px; }
.newcinch .csubmit
{
	float: right;
	margin-left:10px;
	margin-right: 10px;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
}
.newcinch .modalPopup.recorder
{
	z-index: 100001; position: absolute; left: 156px; background: transparent; 
    top: -2px; width: 400px;
}
.replyRecorder { position: relative; z-index: 100001; }
.replyRecorder .modalPopup.recorder
{
	z-index: 100001; position: absolute; left: 106px; background: transparent; 
    top: -2px; width: 400px;
}
.newcinch .entercatch
{
	visibility: hidden; width: 1px; height: 1px;float: right; position: absolute;
}
.csubmit, a.fadebutton
{
	float: left;
	background: url('../img/buttons.png') no-repeat -221px 0;
	width: 73px;
	height: 21px;
	margin: 0 5px 5px 0;
	padding: 4px 0 0 0;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
}
.csubmit.processing
{
	cursor: default;
	background: url('../img/buttons.png') no-repeat -287px -128px;
}
.csubmit.processing:hover{text-decoration: none;}
div.panel.albumbar
{
	z-index: 1; /* ie fix */
	clear: both;
	overflow: hidden;
	border-top: 2px solid #9168A6;
	border-bottom: 2px solid #9168A6;
	background-color: #FFF;
	padding: 3px 10px;
	margin-bottom: 10px;
}
ul.myAlbums
{
	clear: both;
	
	
	width: 100%;
	margin: 0 0;
	display: inline-block;
	color: #000;
	font-size: 12px;
}
ul.myAlbums li
{
	display: inline;
	margin: 2px 2px;
	padding: 0 0;
	line-height: 25px;
	float: left;
}
ul.myAlbums li.first{
	background: #FFF url('../img/buttons.png') no-repeat -137px -110px;
	padding-left: 21px;
	height: 18px;
}
ul.myAlbums li.last
{
	float: right; /* just in case it's multiline */
}

/*--------------- cinch boxes ----- */
.upic
{
	float: left;	
}
.cbody
{
	float: left;
	display: inline;	
	width: 370px;
}
.cbody .details { float: left; width: 370px; }
.cbody .cloudTop .details { width: 360px; }
.cbody.wide { width: 500px; }
.cinchs .cbody.mine
{
	width: 348px; /* account for delete button */
}
.nopanel .cinch
{
	display: inline;
	width: 100%;
}
.cinchs .cinch .cbody
{
	margin-left: 10px; }
.cinchs .cinch h4, .cinchs .cinch h2
{
	font-size: 16px;
	font-weight: bold;
	padding: 0 0;
}
.nopanel .cinch h4, .nopanel .cinch h2
{
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 5px 10px;
}

.nopanel .cinchs h4, .nopanel .cinchs h2, .nopanel .cinchs h1
{
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 5px 10px;
}
.nopanel .cinch .cbody.user
{
	margin-left: 10px;
	width: 475px;
	padding-bottom: 10px;
}
.nopanel .cinch .following
{
	float: left;
	margin-left: 10px;
	width: 120px;
}
.UserHeaderTitle { float: left;font-size: 22px;/*color: #FFF;*/
	font-weight: bold; margin-right: 12px;
	padding: 0 0 5px 0; }
.cinch .cbody.user .description { clear: left; }
.cinch .links
{
	float: left;
}
.cinch ul.links
{
	display: inline;
	float: left;
	margin: 4px 8px;
	padding: 0 0;
}
.cinch .links li
{
	display: inline;
	float: left;
	margin: 0 5px 3px 0;
	padding: 0 0;
	
}	
.links a, .actions .fb, .actions .twitter
{
	position: relative;
	width: 18px;
	height: 18px;
	display: inline-block;
	background: url('../img/buttons.png') no-repeat -4px -54px;
	outline: 0;
}
.links a:hover{ text-decoration: none; }
.links a span
{
	position: absolute;
	top: -26px;
	left: -11px;
	height: 25px;
	line-height: 20px;
	padding: 0 8px;
	margin: 0 0;
	white-space: nowrap;
	z-index: 2;
	background: transparent url(../img/wide.png) repeat-x scroll 0 0; 
	color: #FFF;
	text-decoration: none;
	visibility: hidden;
}
.links a:hover span
{
	visibility: visible;
	text-decoration: underline;
}
.links a.facebook, .actions .fb
{
	background-position: -4px -54px;
	/*
	height: 14px;
	margin-bottom: 2px;
	margin-top: 2px;
	width: 17px;*/
}
.links a.twitter, .actions .twitter{background-position: -3px -31px;}
.links a.myspace{background-position: -3px -72px;}
.links a.ning{background-position: -3px -94px;}
.links a.youtube{background-position: -5px -117px;}
.links a.yelp{background-position: -4px -140px;}
.links a.flickr{background-position: -4px -162px;}
.links a.picassa{background-position: -4px -183px;}
.links a.custom{background-position: -32px -160px;}
.upic img.thumb, .hbox img.avatar
{
	/*padding: 3px 3px;
	background: #FFF;*/
	border: 3px solid #FFF;
	margin: 3px 0 0 0;
	height: 57px;
	width: 57px;
}
.panel.users .thumb { border: 0px none; } 
.panel.users .album { height: 57px; position: relative; }
.panel .upic
{
	margin: 4px 4px;
	
}
.cinchs .cinch .upic 
{
	width: 61px;
	height: 61px;
}
.nopanel .cinch .upic
{
	width: 66px;
	margin-bottom: 5px;
}
.cinch .upic a.thumb, .hbox a.thumb
{
	width: 57px;
	height: 57px;	
}
.cinchs .cinch .upic img, .cinch.newcinch .upic img, .panel.highlight .hbox img
{
	height: 57px; width: 57px;
	border: 3px #FFF solid;
}
 .panel.highlight .hbox img{float:left;}
.cloudTop
{
	background: url('../img/wide.png') no-repeat 0 -221px;
	width: 570px;
	padding: 20px 16px 0 30px;
	margin: 2px 0 0 0;
}
.newcinch .quoteTop
{
	
	width: 592px;
	background: #FFF;
	border-top: 1px solid #330099;
	border-bottom: 1px solid #330099;
	padding: 7px;
	margin: 2px -2px 10px 10px;
	position: relative;
}
.cbody .pointer { display: none; }
.cbody .quoteTop .pointer
{
	background: url('../img/buttons.png') -291px -157px;
	height: 10px;
	width: 9px;
	position: absolute;
	left: -9px;
	top: 22px;
	display: block;
	z-index: -1;
	float: left;
}
.newcinch .cloudTop { padding-top: 12px; padding-left: 15px; width: 585px;}
.newcinch .ctext input
{
	border: 0px none;	
}
.newcinch input.ctext
{
	border: 0px none;
	float: left;
	width: 450px;
	background: transparent;
	font-size: 16px;
	color: #aaa;
	font-weight: bold;
	font-style: italic;
	cursor: pointer;
	z-index: 3;
}
.newcinch input.ctext.normal
{
	font-size: 15px;
	color: #333;
	font-style: normal;
	font-weight: normal;
}
.cloudBottom
{
	background: url('../img/wide.png') no-repeat 0 -93px;
	width: 570px;
	height: 9px;
	padding: 0 16px 0 30px;
	margin: 0 0;
}

p.when
{
	color: #999;
	padding: 5px 0;
	clear: left;
	float: left;
	white-space: nowrap;
}
p.when span.when
{
	padding-bottom: 5px;
	float: left;
	padding-right: 25px;
}
ul.cinchs li:hover .actions{ visibility: visible;}
ul.cinchs li:hover a.delete, ul.cinchs li .cinch:hover a.delete{ visibility: visible;}
/* hacks to make less compliant browsers work 
.actions .album select{ visibility: hidden; z-index: 2; }
ul.cinchs li:hover .actions .album select{ visibility: visible;}*/
ul.cinchs li .actions .album { visibility: visible; margin-top: 4px; clear: left; }
.actions
{
	float: left;
	visibility: hidden;
	clear: left;
	width: 350px;
/*	padding-top: 4px;*/
}
.cloudTop .actions { visibility: visible; padding-bottom: 5px; }
.cbody.mine .actions { clear: left; width: 100%; }
.actions a
{
	margin: 0 10px 0 0;
	padding: 0 0;
	float: left;
	outline: 0;
}
.actions a:hover{ text-decoration: none; }

.actions a.downloadlink:hover, .actions a.replylink:hover{ text-decoration: underline; }
.actions .rss, a.downloadlink
{
	background: url('../img/buttons.png') no-repeat -335px -57px;
	width: 18px;
	height: 18px;
	outline: 0;
	cursor: pointer;
}
a.downloadlink { background-position: -304px -57px;	}
.actions span.album { position: relative; white-space: nowrap;}
.actions .album select { z-index: 2; }
.actions span.album, .actions .album label, .actions .album select
{
	float: left;
}
.actions .album label.folder
{
	background: url('../img/buttons.png') -137px -112px;
	padding-left: 22px;
	height: 16px;
	margin-right: 4px;
	line-height: 18px;
	color: #000;
	
}
.actions .album label.folder.processing
{
	background: url(../img/animatedSprite12State.gif) no-repeat 0 -28px;
}
.actions .album label.tooltip
{
	position: absolute;
	display: block;
	background: transparent url(../img/wide.png) 0px -30px;
	left: -10px;
	bottom: -24px;
	padding: 7px 5px 0 5px;top: -24px;height: 18px;
	color: #FFF;white-space: nowrap;
	 visibility: hidden;
}
.actions .album:hover label.tooltip { visibility: visible; }
p.ctext, h2.ctext
{
	font-size: 16px;
	font-weight: bold;
	
}
.nopanel h2.ctext { padding: 5px 0; }
.cloudTop p.flash, .quoteTop p.flash
{
	width: 40px;
	height: 60px;
}
.cloudTop p.noDesc, .cinchs .cbody p.noDesc, .quoteTop p.noDesc
{
	color: #999;
}
.cloudTop p.image, .quoteTop p.image
{
	padding: 6px 0 0 0;
}
.cloudTop .image img, .quoteTop .image img
{
	max-width: 200px;
}
.cloudTop .audio, .cloudTop .album, .quoteTop .audio, .quoteTop .album
{
	float: right;
	/* clear: both;	*/
	margin: 0 0 5px 5px;
	padding: 0;
}
.cloudTop .audio div, .quoteTop .audio div
{
	display: block;
	margin: 0;
	padding: 0;
	width: 80px;
	height: 100px;
}
.cinch .cloudTop .audio .faux
{
	background: url(../img/wide2.png) no-repeat scroll -62px -1042px;
	cursor: pointer;
}
.cinch .cloudTop .audio .faux:hover
{
	background-position: 12px -1042px;
}
.cloudTop .album select, select.albums, .quoteTop .album select, select.albums
{
	border: #999 1px solid;
	background: url('../img/buttons.png')  -119px -201px;
	color: #000;
	font-size: 10px;
	height: 19px;
	width: 125px;
	outline: 0;
}
select.albums option { outline: 0; background: transparent; }
.cloudTop .album select option.first, .quoteTop .album select option.first
{
	border-bottom: 1px #CCC dashed;
	padding: 3px 3px;
}
.cloudTop .album select option.add, .quoteTop .album select option.add
{
	font-style: italic;
	color: #330099;
}
/*--------- thumbnails gallery -----*/
ul.thumbnails
{
	margin: 0;
	padding: 0;
	float: right;
	text-align: center;
	/*background-color:#FFF;*/
	line-height: 12px;
}
ul.thumbnails li
{
	display: inline;
	margin: 0;
	padding: 0;
}
ul.thumbnails a
{
	margin: 0 10px 0px 0;
	display: block;
	float: left;
	padding: 4px 4px 9px 4px;
	border: 1px solid #CCC;
	border-top-color: #EEE;
	border-right-color: #DDD;
	border-bottom-color: #BBB;
	background-color: #FFF;
	text-align: center;
	width: 100px;
}
.panelEditCinchPopup ul.thumbnails { float: left; max-width: 100px; }
.panelEditCinchPopup ul.thumbnails a.delete
{
	position: relative; top: 0px; right: 0px; z-index: 2; float: right; margin: 0; width: 10px; 
	background: #CCC none; color: #666; font-size: 16px; font-weight: bold; padding: 5px; 
}
/*ul.thumbnails a:hover
{
	border-color: #CCC;
	background-color: #EEE;
}*/
ul.thumbnails img
{
	display: block;
	margin: 0 auto 5px auto;
	border: 1px solid #CCC;
	border-bottom-color: #EEE;
	border-left-color: #DDD;
	border-top-color: #BBB;
	max-height: 100px;
	max-width: 100px;
}
/************ ----- IMAGE CROPPER ------- */
/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */
.jcrop-holder { text-align: left; }

.jcrop-vline, .jcrop-hline
{
	font-size: 0;
	position: absolute;
	background: white url('../img/Jcrop.gif') top left repeat;
}
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-hline { width: 100%; height: 1px !important; }
.jcrop-handle {
	font-size: 1px;
	width: 7px !important;
	height: 7px !important;
	border: 1px #eee solid;
	background-color: #333;
	*width: 9px;
	*height: 9px;
}

.jcrop-tracker { width: 100%; height: 100%; }

.custom .jcrop-vline,
.custom .jcrop-hline
{
	background: yellow;
}
.custom .jcrop-handle
{
	border-color: black;
	background-color: #C7BB00;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.noticemsg { clear: left; background:#FDB none repeat scroll 0 0;border:1px solid #FF6600; padding: 5px 8px; margin: 5px 0; font-size: 12px; color: #000; font-weight: normal;}
.msg {background: #F1F1F1 none; border: 1px solid #CCC; padding: 5px 8px; margin: 5px 0; font-size: 12px; color: #666; font-weight: normal;}
.quoteTop .msg { clear: both;}
.msg a { font-weight: bold; }
.noticemsg a { cursor: pointer; }
/*.modalPopup span .noticemsg { margin: 0 0; }*/
.noticemsg.grey
{
	margin: 0 0;
	background: #F3F3F3 none repeat scroll 0 0;
	border: 0px none;
	padding: 20px 10px;
}
.panel.noticemsg.grey { margin-bottom: 20px; }
.noticemsg.grey .sideleft
{
	text-align: center;
	font-style: italic;
	float: none;
	left: 0px;
	width: 610px;
}
a.undo.processing
{
	padding-left: 18px;
	background: #F3F3F3 url(../img/animatedSprite12State.gif) 0 0;
	white-space: nowrap;
}
.noticemsg.grey .sideright
{
	position: relative;
	top: -14px;
}
.noticemsg ul 
{
 list-style-position: inside;
 list-style-type: disc;
 }
 
 
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active  { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-nav .ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    outline: 0; /* prevent dotted border in Firefox */
    outline-style: none; outline-width: 0; outline-color: -moz-use-text-color;
}
.ui-tabs-loading em, .ui-tabs-nav li em 
{
	background: url('../img/animatedSprite12State.gif') no-repeat -56px 0;
	padding: 5px 0 5px 26px;
}
.ui-tabs-nav li a:hover
{
	text-decoration: none;
}


/**** ---- PAGER --- ***/
div.pager
{
	background: #FFF;
	clear: both;
	padding: 15px;
	font-size: 13px;
	font-weight: bold;
}
.pager .pageNum, .pageing .pageNum
{
	float: left;
	color: #999;
}
.pager .pages, .pageing .pages
{
	float: right;
}
.pager .pages a
{
	margin: 0 0 0 5px;
	outline: 0;
	color: #FFF;
	background: url('../img/varbuttons.gif') left 0px  no-repeat;
	padding: 5px 0 7px 8px;
	height: 28px;
	cursor: pointer;
}
.pager .pages a span
{
	padding: 5px 8px 7px 0;
	background: url('../img/varbuttons.gif') right -28px no-repeat;
	line-height: 28px;
}
.pager .pages a:hover, .pager .pages a span:hover, .pager .pages a:hover span { text-decoration: underline; }
a.page.processing
{
	background: url('../img/animatedSprite12State.gif') 0 3px  no-repeat;
	margin-right: 10px;
	padding-right: 18px;
}
a.page.processing span
{
	display: none;
}
a.rss.processing, .actions a.rss.processing
{
	background: url('../img/animatedSprite12State.gif') 0 0  no-repeat;
}
.Title a.rss.processing
{
	background: url('../img/animatedSprite12State.gif') 0 -54px  no-repeat;
}
/******* ------ follower lists ----- */
ul.follows
{
	clear: both;
	display: block;
	margin: 0 0;
	padding: 0 0;
	font-size: 12px;
}
ul.follows li
{
	display: block;
	margin: 0 0;
	clear: both;
	padding: 5px 5px;
}
ul.follows li.odd
{
	background-color: #F5F5F5;
}
li.album .foldericon
{
	margin: 6px 15px 6px 10px;
	float: left;
	width: 29px;
	height: 27px;
	background: url('../img/buttons.png') -77px -106px;
}
li.album .usericon
{
	margin: 0 15px 0 5px;
	float: left;
	width: 57px;
	height: 57px;
}
.panel.friends .users.scrolled li.album .usericon { margin-left: 35px; }
.panel.friends .users.scrolled li.album .buttons { margin-right: 35px; }
#Following li.album .usericon, #Followers li.album .usericon
{
	width: 33px;
	height: 33px;
	margin-bottom: 0px;
}
.album .usericon img
{
	height: 57px;
	width: 57px;
}
#Following .album .usericon a, #Followers .album .usericon a
{
	border: 0px none;
}
#Following .album .usericon img, #Followers .album .usericon img
{
	max-width: 33px;
	max-height: 33px;
	border: 0px none;
}
#Following li.album .buttons
{
	margin: 0 0;
}
li.album .albuminfo
{
	float: left;
	width: 490px;
}
.users.scrolled
{
	width: auto;
	overflow-y: scroll;
	overflow-x: hidden;
	height: 300px;
	border: 1px solid #CCC;
	margin: 10px 0;
}
.welcome .users.scrolled { width: 553px; }
.users.scrolled li.album .albuminfo { width: 340px; }
.users.scrolled li.album .usericon, .users .scrolled li.album .usericon { height: 31px; width: 31px; }
.users.scrolled img.thumb, .cinchers .scrolled img.thumb { border: 1px solid #996699; height: 31px; width: 31px; }
#Following .albuminfo, #maintabs .albuminfo
{
	width: 400px;
}
#Followers .albuminfo
{
	width: 375px;
}
#Following .buttons
{
	height: 25px;
	padding-top: 5px;
}
li.album h3
{
	color: #CFCFCF;
	font-size: 14px;
}
li.album .owner
{
	color: #666;
}
li.album .buttons
{
	float: right;
}
li.album a.follow.follow
{
	background: url('../img/buttons.png') no-repeat -265px -82px;
	width: 95px;
	height: 13px;
	color: #990000;
	font-weight: bold;
	padding-top: 4px;
	
}
li.album a.follow.following
{
	background: url('../img/buttons.png') no-repeat -265px -105px;
	width: 95px;
	height: 13px;
	color: #FFF;
	font-weight: bold;
	padding-top: 4px;
}
li.album a.follow.processing
{
	background: url(../img/animatedSprite12State.gif) no-repeat 0 5px;
	color: #999;
}
/* ----- more less butttons ----- */
ul.pager
{
	background: transparent;
	clear: both;
	display: block;
	margin: 0 0;
	padding: 0 0;
	font-size: 15px;
}
ul.pager li
{
	background: transparent;
	display: block;
	margin: 0 0;
	clear: both;
	padding: 0 0;
	
}
ul.pager li.more { border-top: 2px solid  #D7D7D7; }
ul.pager li.less { border-bottom: 2px solid  #D7D7D7; }
ul.pager li .more, ul.pager li .less
{
	margin: 0 0;
	padding-top: 9px;
	position: relative;
	left: 261px;
	z-index: 2;
	display: block;
	width: 160px;
	height: 25px;
	text-align: center;
	background: url('../img/nav.png') no-repeat 0 0;
}
ul.pager li .more
{
	
	top: -5px;
}
ul.pager li .less
{
	bottom: -4px;
	background-position: 0 -34px;
}
ul.pager a
{
	font-size: 15px;
	color: #000;
}
.pager .processing span
{
	height: 17px;
	background: url('../img/animatedSprite12State.gif') no-repeat 4px -20px;
	vertical-align: middle;
	display: block;
	cursor: pointer;
	outline: 0; /* prevent dotted border in Firefox */
}
.pager .more.processing span
{
	height: 17px;
	padding: 6px 3px;
	margin: -6px 0 0 1px;
}
.pager .less.processing span
{
	background-position: 4px -27px;
	height: 17px;
	padding: 3px 3px;
	margin: -6px 0 0 5px;
}
.pager .processing span:hover { text-decoration: none; }
.noresults
{
	background: #FFF;
}
.noresults a
{
	cursor: pointer;
}
.noresults h3 { 
	font-size: 14px;
	font-weight: normal;
	padding: 8px 0;
}
.noresults .form
{
	padding: 10px 10px;
}
.noresults h3 span.cinch 
{ 
	width: 28px;
	height: 30px;
	background: url('../img/buttons.png') -307px -153px;
	padding: 0 0;
	line-height: 38px;
	margin: 0 8px 8px 0;
	display: inline-block;
}
.noresults h3 span.album 
{ 
	width: 22px;
	height: 20px;
	background: url('../img/buttons.png') -111px -110px;
	padding: 0 0;
	line-height: 28px;
	margin: 0 8px 8px 6px;
	display: inline-block;
}
.noresults h3 span.user 
{ 
	width: 22px;
	height: 20px;
	background: url('../pics/userpics/thumbs/no_image.png') 0 0;
	padding: 0 0;
	line-height: 28px;
	margin: 0 8px 8px 6px;
	display: inline-block;
}
.noresults h3.suggestions
{
	font-weight: bold;
	margin-left: 35px;
}
.noresults ul.suggestions
{
	margin: 10px 45px;
	list-style-position: inside;
	list-style-type: disc;
}
.noresults .suggestions li, .noresults .suggestions li { clear: left; }
.noresults .welcome div.wcontent
{ float: left; }
.noresults .welcome div.img
{
	margin: 20px 20px 0 0;
	padding: 0 0;
	width: 56px;
	height: 56px;
	background: #FFF url('../img/pageui.png') -95px 0px;
	display: block;
	float: left;
}

.RssPopup p { font-size: 14px; }
.RssPopup ul.rssAlbums
{ 
	margin: 2px 0 8px 12px;
	
}
.RssPopup ul.rssAlbums.scroll
{
	padding: 0;
	height: 150px;
	width: 250px;
	overflow: auto;
}
.RssPopup .rssAlbums li
{
	margin-bottom: 5px;
	color: #999;
}
a.rssLink
{
	width: 18px;
	height: 19px;
	background: url('../img/buttons.png') -342px -153px no-repeat;
	margin-right: 4px;
	display: inline-block;
}
a.rssLink:hover { text-decoration: none; }
/* =================== RSS FLYOVER =================== */
/* =================== RSS FLYOVER =================== */
.rss {
	vertical-align: top;
	position:relative; /* needed to position */
	/*z-index:19;*/
 }
.rssInLineHeading
{
	vertical-align: middle;
	margin-top: 3px;
}
.rss img {
	border: none;
}

/*rss div */
.rss-feed {
 	list-style:none;
 	margin:0px;
 	padding:0px;
}
.rss-feed-div {
	display:none;
	position:absolute;
	bottom: 5px;
	left: 13px;
	background-color:#ffffff;
	padding:3px;
	border:1px solid #cccccc;
	z-index:41;
	font-size:1px;
}
.rss-feed-div2 {
	background-color:#ffffff;
	padding:3px;
	border:1px solid #cccccc;
	z-index:41;
	font-size:1px;
	width: 93px;
	height: 100%;
}
.rss-feed-div.tagsflyover 
{
	position: absolute;
	left: -20px;
	bottom: 10px;
}
.tagsflyover ul.rss-feed, .tagsflyover ul.rss-feed2 
{
	margin: 3px 0px -5px 0px;
}
ul.rss-feed2
{
	width: 91px;
	overflow:visible;
}
ul.rss-feed
{
	width: 90px;
	position:relative;
	overflow:visible;
}
.rss-feed li {
	font-weight:bold; 
	color:#EC8132;
	padding:2px 0px 2px 0px;
	margin: 0px;
	height:15px;
	display:inline-block;
}
.rss-feed2 li {
	font-weight:bold; 
	color:#FFFFFF;
	padding:1px 0px 1px 0px;
	margin: 0px;
	height:17px;
	display:inline-block;
}
.rss-feed li a, .rss-feed2 li a {
	font-weight:bold; 
	color:#FFFFFF; 
	text-decoration:none;
	border: 0px none;
}
.rss-feed2 li, .rss-feed2 li a
{
	text-align: center;
}
.rss-feed2 li img
{
	border: 0px none #FFF;
}
.rss-feed2 a
{
	width: 91px;
	height: 17px;
	display: block;
	background: #FFF url('../img/pageui.png') -2px -2px;
}
a.add2{ background-position:  -2px -2px;}
a.imgItunes{ background-position:  -2px -78px;}
a.imgRssGoogle{ background-position:  -2px -116px;}
a.imgRssYahoo{background-position:  -2px -40px;}
a.imgRssBloglines{background-position:  -2px -59px;}
a.imgRssNewsgater{background-position:  -2px -135px;}
a.imgRssMsn{background-position:  -2px -173px;}
a.imgRssTechnorati{background-position:  -2px -154px;}
a.imgRssWindowslive{background-position:  -2px -97px;}
a.imgRssAddthis{background-position:  -2px -21px;}
/* ========== HTML Tooltip ============ */
#dhtmlRss .rss-feed-div 
{
	display: block;
	position: relative;
	
}
#dhtmlRss
{
	position: absolute;
	width: 100px;
	border: 0px none; 
	padding: 0 0;
	margin: 0 0;
	font-size: 12px;
	background-color: #FFFFFF;
	visibility: hidden;
	z-index: 100000; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/ /*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}
 #dhtmlRss IFRAME
 {
	display: none; /*sorry for IE5*/
	display: /**/ block; /*sorry for IE5*/
	position: absolute; /*must have*/
	top: 0; /*must have*/
	left: 0; /*must have*/
	z-index: -1; /*must have*/
	filter: mask(); /*must have*/
	width: 93px; /*must have for any big value*/
	height: 198px; /*must have for any big value*/
 }
#dhtmltooltip
{
	position: absolute;
	width: 300px;
	border: 2px solid #CCC;
	padding: 5px;
	font-size: .8em;
	background-color: #CCEAF5;
	visibility: hidden;
	z-index: 100000; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/ /*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}
#dhtmltooltip IFRAME
{
	display: none; /*sorry for IE5*/
	display: /**/ block; /*sorry for IE5*/
	position: absolute; /*must have*/
	top: 0; /*must have*/
	left: 0; /*must have*/
	z-index: -1; /*must have*/
	filter: mask(); /*must have*/
	width: 100px; /*must have for any big value*/
	height: 1000px; /*must have for any big value*/
}
label.tooltip
{
	color: #3399CC;
	cursor: pointer;
}
span.tooltip
{
	color: #3399CC;
	cursor: pointer;
}

.twitterbutton
{
	width: 153px;
	height: 20px;
	background: transparent url(../img/buttons.png) no-repeat -129px -26px;
	padding: 0 0;
	line-height: 28px;
	margin: 0 8px 8px 6px;
	display: block;
	padding-top: 4px;
}

.centertext
{
	text-align:center;
}
/*----------------------- about page img ------------- */
div#folder{
background: url('../img/misc.png') 3px 0;
	display: block;
	float: left;
	height: 58px;
	width: 75px;
	margin: -5px 0;
	padding: 0 5px;
	text-decoration: none;
	cursor: none;  }
/* ------------ REPLIES ------------------ */
ul.ulAbout{margin-left: 0pt; padding-left: 38px;}
ul.replies { clear: both; position: relative; display: block; margin: 0 0; padding: 0 0; width: 355px; }/* left: 80px; */
ul.replies.nothumbs { top: -10px; }
ul.replies li, ul.replies li:hover { clear: both; display: block; margin: 0; padding: 2px 0; border-top: 1px solid #DBDBDB; width: 355px; }
ul.replies li.hide { display: none; }
.replies .rpic { float: left; width: 30px; height: 30px; }
.replies a.rpic { margin: 5px 3px 4px 0; float: left; background-color: #FFF;}
.replies img.rpic { max-height: 30px; max-width: 30px; border: 0px none; margin-bottom: 3px; }
.replies .box { float: left; width: 305px; margin-bottom: 2px; padding: 4px 7px;}
.replies .del { cursor: pointer; float: right; position:relative; right: -10px; top: -6px; background: #CCC; color: #666; line-height: 14px; padding: 3px 6px 5px 6px; font-weight: bold; font-size: 14px; }
.replies .del.processing{ background: #CCC url(../img/animatedSprite12State.gif) -2px -93px;}
.replies .time { float: right; color: #999; text-align: right; max-width: 130px; }
.replies .box.add { width: 337px;  border: 2px solid #DBDBDB; background-color: #F3F3F3;}
.replies .addbox { background: #FFF; padding: 2px 4px; clear: both;}
.replies .addbox label.len { float: right; padding-right: 3px; }
.replies .addbox input.text { border: 0px none; background: #FFF; color: #888; font-size: 11px; width: 237px; padding: 5px 0; float: left; }
.replies .addbox input.button {float: right; background: #FFF url(../img/buttons.png) -295px -26px; width: 65px; height: 24px; line-height: 11px; text-align: center; color: #FFF; outline: 0; font-weight: bold; font-size: 11px; border: 0px none; }
.replies .addbox input.button.processing { background: url(../img/animatedSprite12State.gif) no-repeat 0 5px; color: #000; padding: 0 0 0 8px;}
.replies .seeall { float: right; padding-top: 5px; }
.replies p.reply { padding: 2px 0; overflow: hidden; }
ul.replies.hide { display: none; }
ul.replies li.pageing, ul.replies li.pageing:hover { padding: 4px 0; }
ul.replies li.pageing .pages { padding: 0 0 4px 0; }
a.anext { float: right; background: url(../img/animatedSprite12State.gif) 0 -141px; height: 17px; color: #FFF; font-size: 11px; width: 42px; text-align: center; margin: 0 0 0 2px; display: inline-block; padding: 0px 0px;  }
a.anext span{line-height: 16px;}
a.anext.processing { cursor: default; text-decoration: none; background-position:  0 -125px;}
a.anext.processing span{ visibility: hidden;}
.headset { float: right;  width: 45px; height: 46px; margin: 0 0 0 10px; padding: 0 0; display: inline-block; background: url(../img/pageui.png) no-repeat -99px -130px;}
.homebanner { width: 682px; height: 232px; margin: 15px 0; display: block; background: url(../img/banner.png) 0 0; }
.homebanner2 { width: 682px; height: 232px; margin: 15px 0; display: block; background: url(../img/banner2.png) 0 0; }
.footer .byBTR
{
	width: 224px;
	height: 23px;
	background: #FFF url(../img/wide.png) no-repeat -455px -31px;
	float: right;
	position: relative;
	top: -23px;
	right: -10px;
}
.footer img
{
	border:0;
	float: right;
	position: relative;
	top: -23px;
	right: -10px;
}
a.pepsiCinch { float: right; margin: 15px; width: 193px; height: 229px; background: url(../img/pepsico.png) 0 0; }
.content.forbusiness ul { list-style-type: square; margin-left: 0; padding-left: 35px;}
.content.forbusiness ul li { padding-bottom: 15px; }
div.contactUsMap { margin: 0 auto; }
.contactUsMap img { background: #FFF url(../img/contactus.png) no-repeat 122px 19px; width: 650px; height: 148px; border: 0px none;}


.panel.fbsettings .usericon {
float: left;
padding-right: 8px; 
}
.panel.fbsettings .details { float: left; }
.fbsettings .fbLogo { float: left; clear: left; margin: 0 5px 5px 0; position: relative;
	width: 18px;
	height: 18px;
	display: inline-block;
	background: url('../img/buttons.png') no-repeat -33px -183px;
	outline: 0;
	padding: 0 0;
	 }
table.fbpermissions th { border-bottom: 1px dashed #CCCCCC; padding: 2px 0; font-size: 10px; color: #666; }
table.fbpermissions th.first { width: 150px; }
.fbsettings hr {
height: 1px;
	line-height: 1px;
	font-size: 1px;
	width: 100%;
	clear: both;

	background: #FFF none;
	padding: 5px 0 0 0;
	margin: 0 0 -5px 0;
	border-bottom: 0px none;
	border-left: 0px none;
	border-right: 0px none;
	border-top: dashed 1px #CCC;
}
.fbsettings ul { padding: 6px 0 5px 20px; }
.fbsettings li { padding: 2px 0; }
.fbsettings input[type="checkbox"] { padding: 3px 3px 0 0; }
.fbpermissions .details .emphasis
{
	font-weight: bolder;
	font-size: 13px;
}
.cinchs a.delete.hide { visibility: hidden; display: inline; }/* hack which allows us to space for a delete button so vertically the list items line up */
ul.cinchs li:hover a.delete.hide, ul.cinchs li .cinch:hover a.delete.hide{ visibility: hidden;}
/* ============ NOTIFICATIONS ======== */
.notifysection .stamp { float: left; position: relative; background: #FFF url('../img/wide2.png') no-repeat -402px -1029px; width: 51px; height: 55px; display: inline-block; }
.notifysection .details { float: right; width: 470px; }
.notifysection .details p { padding-left: 10px; }
table.notifysettings.settings { margin-top: 10px; }
table.notifysettings.settings .left.emailicon{ width: 169px; font-weight: bold; background: #FFF url('../img/wide2.png') no-repeat 0 -1027px; }
table.notifysettings.settings .left.smsicon{ width: 169px; font-weight: bold; background: #FFF url('../img/wide2.png') no-repeat -194px -1029px; }
table.notifysettings.settings a.aSaveDark { display: inline-block; float: none; position: relative; top: -2px; }
table.notifysettings.settings a.aSaveDark.processing { background: url(../img/animatedSprite12State.gif) 0 0; }
table.notifysettings.settings a.addNumber { font-size: 11px; }
.notifysection .notifiers { margin: 10px 10px 0 0; padding: 10px 15px 0px 15px; background:  url('../img/wide2.png') no-repeat 0px 0px;}
.notifysection .notifiersbottom {margin: 0 0; padding: 0 0; background:  url('../img/wide2.png') no-repeat 0px -1011px; height: 17px; width: 453px; display: inline-block; }
.notifiers table { width: 426px; font-size: 11px; }
.notifiers thead th { font-weight: normal; font-size: 11px; text-align: center;}
.notifiers thead th.heading { font-size: 12px; font-weight: bold; color: #000; text-align: left; }
.notifiers thead tr { border-bottom: 0px none; }
.notifiers tr {  }
.notifiers td { text-align: center; border-bottom: 1px solid #E4E4E4; }
.notifiers td.lastrow { border-bottom: 0px none; }
.notifiers td.nlabel { font-size: 11px; padding-left: 10px; text-align: left; }
.notifiers .chk.wait {  background: url(../img/animatedSprite12State.gif) 0 -59px; padding: 6px 3px; }
.panel.feedback { text-align: center; }
.panel.feedback .content { background: #660099; border-bottom: 0px none; color: #FFF; padding: 12px 13px;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; }
.panel.feedback .content h4 { padding-top: 5px; }
.panel.feedback a { color: #FFF; }
.Nav2 { float: right; font-size: 13px; font-weight: bold; margin: 8px 0 10px 0; padding: 0; line-height: 13px; }
.Nav2 li { float: left; text-align: center; padding: 0px 10px; border-left: 1px solid #666; height: 12px; margin: 0 0; }
.Nav2 li.first { border-left: 0px none; }
.fbf, .twitf { background: #FFF url('../img/misc.png') no-repeat -155px -106px; 
	height: 18px; width: 17px; margin: 0; padding: 0; display: inline-block; }
.twitf { background-position: -174px -106px; width: 19px; }
.Nav2 .fbf {margin:0 2px 0 0;}
.Nav2 .twitf {margin:0 0 0 2px;}
.Nav2 .fbf, .Nav2 .twitf { position: relative; top: -2px;}

.feedbackparent { position: relative; }
.pnlFeedback { margin: 0; }
.panel.pushing p.info { float: left; width: 151px; }
.panel.pushing .fbtwiticon{
	width: 63px;height: 47px;
	background: #FFF url('../img/wide.png') -324px -157px; 
	position: relative; right: -10px; top: -5px; float: right;display: inline-block;
}
a.fbcbutton 
{
	width: 126px; height: 21px; padding: 4px 0 0px 32px; margin: 6px 10px 2px 0px; line-height: 16px;
	float: none; display: inline-block;  
	background: url('../img/buttons.png') -160px -238px; 
	color: #FFF;
}
.SubBox .fbcbutton, .SubBox a.tcbutton { margin-left: 10px; }
a.tcbutton 
{
	float: none; display: inline-block; width: 126px; height: 21px; background: #FFF url('../img/buttons.png') 0 -238px; padding: 4px 0 0px 32px;
	margin: 6px 10px 2px 0px; line-height: 16px;
	color: #FFF;
}

.panel.pushing p.disclaimer { font-size: 11px; padding-top: 10px; clear: both; }
#divPosting, .divPosting { margin: 10px 0 5px 10px;}
#divPosting .fbLogo { width: 14px; height: 14px; display: inline-block; 
	position: relative; top: 1px; float: left;
	background: #FFF url('../img/buttons.png') -33px -183px; margin-right: 6px; }
#divPosting a.control, .divPosting a.control { font-weight: bold; }
.divPosting .twLogo { width: 14px; height: 17px; display: inline-block; 
	position: relative; top: 3px;
	background: url('../img/buttons.png') -346px -247px; margin-right: 6px; }
/* ----------- editing a cinch styles - */
.panelEditCinchPopup { margin: 0; }
.panelEditCinchPopup .content p { padding-bottom: 8px; }
.panelEditCinchPopup .modalPopup {width: 410px; z-index: 10001; position: absolute; left: 130px; top: 10px;}
.panelEditCinchPopup .majorNotice { margin: 4px 0 0 0; background-color: #FF9900; color: #000; padding: 6px;}
.textarea { font-family: Arial,Helvetica,sans-serif; font-size: 12px; }
.panelEditCinchPopup .bottombuttons {clear: both; width: 150px; margin: 0 auto; padding-top: 15px;}
.panelEditCinchPopup a.editAction { color: #000; }
.panelEditCinchPopup .tabbers { float: left; width: 145px; position: relative; border-right: 1px solid #CCC; height: 180px;}
.panelEditCinchPopup .tabcontent { float: left; width: 225px;  padding-left: 10px;}
.panelEditCinchPopup .fileupload { position: absolute; z-index: 10002; height: 25px; margin-top: -4px; width: 85px;opacity: 0.0;filter:alpha(opacity=0);cursor: pointer; } 
.panelEditCinchPopup .filestyletext { position: absolute; z-index: 10001; border: 1px solid #999; width: 50px;cursor: pointer;}
.panelEditCinchPopup .filestylebutton { position: absolute; z-index: 10001; left: 54px; font-size: 12px; top:66px; cursor: pointer;}
.panelEditCinchPopup .filestylebutton span { margin: 0px; padding: 0; line-height: 14px; }
.panelEditCinchPopup .close { width: 55px; }
.panelEditCinchPopup .cplayer
{
	float: left;
	margin: 13px 5px 0px 17px;
	width: 80px;
	height: 100px;
}
.cinch .actions a.edit, .cloudTop .actions .edit {
	padding-left: 16px;
	background: url('../img/buttons.png') -57px -104px no-repeat;
	cursor: pointer;
}
.cinch .actions a.edit.processing, .cloudTop .actions .edit.processing {
background: url(../img/animatedSprite12State.gif) 0 0;
}
.cinch .actions .edit span  { background: #ECECEC none; }
.cloudTop .actions .edit span { background: #FFF none; }
.cinch .actions a.edit:hover, .cloudTop .actions .edit:hover { text-decoration: underline; }
.h2Header a{
    color: #FFF;
    text-decoration: underline;
}
.panel.highlight .content {padding:15px 5px; display: table;   } /* width is 240 inside */
.panel.highlight img {max-width: 120px; min-width: 50px; display: table-cell;border:2px none; }
.panel.highlight div.blurb, .hbox .blurb2 {padding:0 0 0 10px; vertical-align: top; display: table-cell; max-width: 110px; min-width: 110px;  }
.hbox .blurb2 {max-width:160px; min-width:160px;}
.panel.highlight td.blurb td.blurb2 { padding-left: 5px; }
table.editHighlight .radupload { width: 400px; }
#Editing .settings .left { width: 120px; }
.highlight .del { position: relative; top: -18px; left: 0; z-index: 2; color: #FFF; font-weight: bold; background-color: #E00; border: 1px solid #900; padding: 2px 2px; }
.highlight .edit { position: relative; top: -18px; left: 2px; z-index: 2; color: #FFF; font-weight: bold; background-color: #0C0; border: 1px solid #090; padding: 2px 2px; }
.panelEditCinchPopup .ruFakeInput, .panelEditCinchPopup .RadUpload_Default.p65 .ruFakeInput { width: 50px; }

.ie6warning { padding: 10px; }
.ie6warning h2, .ie6warning h3 { padding-bottom: 5px; }
.flash { outline: 0; }
.ajax__calendar_container { background: #FFF; border: 1px solid #5D3399; padding: 0; }
.cal .ajax__calendar_container { padding: 0; }
.ajax__calendar_header, .caltitle { padding: 4px; background: #9168A6; color: #FFF; }

.cal { background: #FFF; border: 1px solid #5D3399; padding: 0; }
.panelEditCinchPopup .cal { position: absolute; z-index: 100004; }
.panelEditCinchPopup .RadUpload .ruInputs  li { margin-bottom: -5px; }
.panelEditCinchPopup .RadUpload.RadUpload_Default.p65 { position: relative; top: -5px; }
#FeedList_Popup:hover, #FeedList_Popup ul:hover, #FeedList_Popup li:hover, #FeedList_Popup a:hover, #FeedList_Popup img:hover
{
	visibility: visible;}
	#dhtmlRss:hover { visibility: visible; }

.welcome .section.fbtwitter a.finder
{
	padding: 8px 30px 12px 30px; width: 465px; height: 30px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px;
	background-color: #E6E6E6;
	float: left; clear: left; margin: 3px 0;
	font-size: 14px; color: #000;
}
.welcome .section.fbtwitter a div, .welcome .section.fbtwitter a span { float: left; }
.welcome .section.fbtwitter a .img
{
	width: 95px; height: 33px;
	border: 1px solid #B3B3B3; margin-right: 10px;
	background: url('../img/registerSprite.png') no-repeat 0 -36px;
}
.welcome .section.fbtwitter a.twit { margin-bottom: 12px; }
.welcome .section.fbtwitter a.twit .img { background-position: 0 0; height: 34px; }
.welcome .section.fbtwitter a .arrow { margin-top: 5px; float: right; width: 12px; height: 23px; background:  #E6E6E6 url('../img/registerSprite.png') no-repeat -13px -77px;}
.welcome .section.fbtwitter a .type { margin-top: 8px; }
.SubBox { background-color: #F1F1F1; border: 1px solid #CCC; padding: 3px; -moz-box-shadow: 2px 2px 0px #EBEBEB;
-webkit-box-shadow: 2px 2px 0px #EBEBEB;
box-shadow: 2px 2px 0px #EBEBEB;}
.SubBox .section, .fbBox .section { padding: 6px 7px; }
.SubBox .section p, .fbBox .section p { line-height: 17px; }
.SubBox h3, .fbBox h3, .maincontent .SubBox h3 { font-size: 15px; font-weight: normal; color: #000; padding-bottom: 5px; }
.panel .registration{ padding: 8px 6px; border: 1px solid #EEE; position: relative; clear: none;}
.panel .syncoptions {border: 1px solid #EEE; position: relative; clear: none; padding-right: 35px;}
.tabcontent .syncoptions { border: 0px none; }
.tabcontent .syncoptions .SubBox.twit { float: none; }
.registration .SubBox { float: left; width: 456px; position: relative; }
.registration .reasons { float: right; width: 180px; padding: 5px 10px 5px 5px; position: relative; }
.registration .reasons h3 { color: #919191; padding: 5px 0; font-size: 15px; }
.registration .reasons ul, .syncoptions .SubBox ul, .fbBox ul { display: block; padding: 5px 0 0 0; }
.registration .reasons li, .syncoptions .SubBox li, .fbBox li { display: block; float: left; padding: 0 0 4px 24px; background: url('../img/registerSprite.png') -3px -247px no-repeat;}
.registerbuttons { padding: 5px 20px 10px 20px; font-weight: bold; }
.registration .twitterbutton { display: inline-block; margin-bottom: 0px; position: relative; top: 7px; padding-left: 7px; width: 145px; }
.registerbuttons .FB_login_button { position: relative; top: 6px; display: inline-block; padding-right: 4px; }
#registration p { float: left; }
#registration p.pw1, #registration p.ph { clear: both;}
.SubBox #registration .moretext { clear: both; }
.regpop .modalPopup { z-index: 100001; position: absolute; left: -620px; top: -70px; width: 400px;}
.twitpop.modalPopup { z-index: 100001; position: absolute; left: 0px; top: 0px; width: 400px;}
.twitpop.modalPopup .buttons  a { float: right; margin-left: 10px; }
.syncoptions .divPosting { background: #FFF; }
.syncoptions .SubBox { width: 295px; padding: 0px; height: 220px; }
.syncoptions .SubBox .section, .fbBox .section { padding: 14px; background-color:#F1F1F1; }
.syncoptions .SubBox.fb { float: left; }
.syncoptions .SubBox.twit, .syncoptions .rpurple { float: right; }
.syncoptions .SubBox .partner, .fbBox .partner { display: block; padding: 5px 58px; height: 40px; background: #FFF;  }
/*-- rounded dark purple varwidth button*/
button.rpurple, a.rpurple{color: #FFF; text-align: left; font-size: 16px;border: 0px none; cursor: pointer; height: 29px; 
	margin: 0 0 0 24px; outline: 0; padding: 0px 0 7px 24px;background: url('../img/varbuttons.png') 0 -68px;}
button.rpurple:hover, a.rpurple:hover, a.rpurple:hover span { text-decoration: underline; }
button.rpurple span, a.rpurple span{color: #FFF;background: url('../img/varbuttons.png') scroll right -108px;
	line-height: 38px;padding: 9px 24px 9px 0px;font-size: 16px; margin: 0 0; }
 a.rpurple { padding: 0px 0 11px 24px; }
 a.rpurple span { padding: 0px 24px 12px 0px;}
a.rpurple span,a.rpurple{display:inline-block;}
 .syncoptions .rpurple { margin: 25px 0px; }
.fbBox p.whybother, .SubBox.twit p.whybother { line-height: 14px; }
ul.fbChkOpts li,.syncoptions .fbChkOpts li { background: none; padding: 0 0 6px 0; }
.fbBox .fbopt input { margin: 2px 6px 0 0; }
.fbBox .fbopt label { position: relative; bottom: 2px; }
 
.welcome .syncoptions { border: 0px none; clear: both;}
.panel.friends h3 { font-size: 18px; font-weight: normal; }

#shareLink {
background:transparent url(../img/GetCode_btn.gif) no-repeat scroll center center;
display:block;
height:41px;
width:263px;
}
.fbtwitopts { float: right; margin:0; font-size: 11px;clear: both;}
.fbtwitopts span { float: right; position: relative; top: 3px;padding-right: 2px;}
.fbtwitopts .chktwit {top: 0px;background: url('../img/registerSprite.png') no-repeat 7px -417px;padding-right: 17px;}
.fbtwitopts .chkfb{top: 0px;background:url('../img/registerSprite.png') no-repeat 7px -462px;padding-right: 17px;}
.panel .panelH4 .minimize,  .panel .panelH4 .maximize, .panel .panelH4 .bye,
.hbox .minimize, .hbox .maximize, .hbox .bye{ cursor: pointer; float: right;width: 11px; height: 11px; margin: 3px 1px 3px 2px; background: url('../img/nav.png') no-repeat -178px -16px;}
.panel .panelH4 .minimize, .hbox .minimize {background-position: -191px -16px; }
.panel .panelH4 .bye, .hbox .bye {background-position: -204px -16px; }
.panel.todo .panelH4 .maximize {background-position: -178px 0px; }
.panel.todo .panelH4 .minimize {background-position: -191px 0px; }
.panel.todo .panelH4 .bye {background-position: -204px 0px; }
.panel.todo .panelH4 .sideright { background-color:#F1F0F6; }
.hbox .hboxctrls { float: right; position: relative; top:-7px; right:-9px;z-index:3;margin-bottom:-19px;width:28px;height:18px;}
.panel.part .panelH4 { padding-right: 3px; }
.panel.part.hidden { display: none;}
.panel.part.shown { display: inherit;}
.part.minimized .content {display: none;}
.showHidden { float: right; cursor: pointer; font-size: 12px; }
.showHidden .num { font-weight: bold;}
.panel.part .panelH4 h4 { float: left; }
.cinchways p { padding: 0 0 20px 35px; background: #FFF url('../img/misc.png') no-repeat 0 -160px;}
.cinchways p.iphone {background-position: 0 -227px; padding-bottom: 0px;}
.uline { text-decoration: underline;}
.sysmsgbox a, .sysmsgbox img { border: 0px none;}
.piclinks{width:66px; background-color:#FFF;}
.piclinks .buttonsfollow { padding-top: 20px; float: left; }

/*.hbox.minimized .sideleft{ display:none;} /* we removed this capability */
.hbox.hidden { display:none;}
.box.shown { display:inherit; }
H1.HomePageHeader
{
    color:#660099;
    font-size:28px;
    font-weight:lighter;
    margin:0;
    padding-top:4px ;
    padding-bottom:7px ;
    text-align:center;
    position:absolute;
    width:682px;
}
H1.HomePageHeader b
{
    font-weight:bold;
}
.homebanner3 {border: 2px solid #9168A6;}
.homebanner3 .content, .homebanner3 .panelH4 { border-bottom: 0px none;}
.homebanner3 .content {padding-bottom:0px;height:182px;}
.homebanner3 .wordage { float: left; margin-left:10px;}
.homebanner3 h1 { font-size:19px; font-weight: bold; text-shadow:1px 1px .5px #000;}
.homebanner3 ul { color:#9168A6; list-style: square inside;margin-bottom:25px;}
.homebanner3 li { font-size:14px; padding:3px; }
.homebanner3 li span{color: #000; }
.homebanner3 h2 { font-size:16px; margin:12px 60px;}
.homebanner3 .social {margin: 10px 20px;}
.homebanner3 .fb{float:left;margin-right:8px;}
.homebanner3 .twitterbutton{float:left; display:inline-block;}
.homebanner3 p { margin:18px;clear:both;}
.homebanner3 .app { float: right; display: inline-block; width:185px;height:205px;position:relative; top:-24px;right:10px;background:transparent url('../img/homebanner3iphone.png') 0 0 no-repeat;}
.panel.easy{ margin-bottom:12px;display:block;}
.panel.easy .content { border-bottom-width:1px;padding:12px 13px;}
.easy .panelH3{background: url('../img/easyright.png') no-repeat 0 -8px;color: #660099;margin:0;padding:10px;border-top: 2px solid #9168A6;}
.easy h3 {text-decoration:none;font-size: 18px; text-align: center;font-weight: bold;line-height:18px;text-shadow:1px 1px .5px #FFF;}
a.easy:hover,a.easy:hover h3{text-decoration:none;}
.easy p{text-align:center;padding: 71px 10px 0 10px; background: #FFF url('../img/easyright.png') 0px -212px no-repeat;line-height:16px;}
.easy .easy2{background-position: 0 -341px; padding-top:88px;}
.easy .easy3{background-position: -15px -80px;}
.panel.userp { margin:0px 0 10px 0;}
.userp .following.stats { margin-top:10px;margin-right:10px;float:right;}
.userp .cbody { margin-top:5px;width:490px;}
#divCinch h1 a { color: #FFF;}
.fllow {-moz-border-radius: 3px; -webkit-border-radius: 3px;padding:2px 0;background:url("../img/varbuttons.gif") -20px -29px;  width:64px; text-align:center;display: inline-block; clear:left;float:left;}
.fllow a { color:#FFF;font-weight:bold; font-size:11px;}
.modalPopup.twitterdown,.modalPopup.twitterdown2{z-index: 20001; width: 736px; position: absolute; left: 10px; top: -300px;}
.modalPopup.twitterdown2{ background: transparent url('../img/cinchlogobox.png') 4px 0 no-repeat;padding-top:64px;width:576px !important;}
.twitterdown2 .content { border: 3px solid #9167A5; margin:0;padding:27px 55px; height: 66px !important;
	border-radius-topright:10px 6px;-o-border-radius-topright:10px 6px;-icab-border-radius-topright:10px 6px; -khtml-border-radius-topright:10px 6px; -moz-border-radius-topright:10px 6px;-webkit-border-radius-topright:10px 6px;border-top-right-radius:10px 6px;-o-border-top-right-radius:10px 6px;-icab-border-top-right-radius:10px 6px;-khtml-border-top-right-radius:10px 6px;-moz-border-top-right-radius:10px 6px;-webkit-border-top-right-radius:10px 6px;
	border-radius-topleft:10px 6px;-o-border-radius-topleft:10px 6px;-icab-border-radius-topleft:10px 6px; -khtml-border-radius-topleft:10px 6px; -moz-border-radius-topleft:10px 6px;-webkit-border-radius-topleft:10px 6px;border-top-left-radius:10px 6px;-o-border-top-left-radius:10px 6px;-icab-border-top-left-radius:10px 6px;-khtml-border-top-left-radius:10px 6px;-moz-border-top-left-radius:10px 6px;-webkit-border-top-left-radius:10px 6px;
	border-radius-bottomright:10px 6px;-o-border-radius-bottomright:10px 6px;-icab-border-radius-bottomright:10px 6px;-khtml-border-radius-bottomright:10px 6px;-moz-border-radius-bottomright:10px 6px;-webkit-border-radius-bottomright:10px 6px;border-bottom-right-radius:10px 6px;-o-border-bottom-right-radius:10px 6px;-icab-border-bottom-right-radius:10px 6px;-khtml-border-bottom-right-radius:10px 6px;-moz-border-bottom-right-radius:10px 6px;-webkit-border-bottom-right-radius:10px 6px;
	border-radius-bottomleft:10px 6px;-o-border-radius-bottomleft:10px 6px;-icab-border-radius-bottomleft:10px 6px;-khtml-border-radius-bottomleft:10px 6px;-moz-border-radius-bottomleft:10px 6px;-webkit-border-radius-bottomleft:10px 6px;border-bottom-left-radius:10px 6px;-o-border-bottom-left-radius:10px 6px;-icab-border-bottom-left-radius:10px 6px;-khtml-border-bottom-left-radius:10px 6px;-moz-border-bottom-left-radius:10px 6px;-webkit-border-bottom-left-radius:10px 6px;
	}
.twitterdown2 p { line-height:18px; }
.twitterdown h4 { float: left;}
.twitterdown .panelH4 a { float: right; color: #FFF;position:relative;top:10px;right:10px; }
.twitterdown .panelH4:after{clear:both; }
.modalPopup.twitterdown p { padding-bottom: 410px; background: url('../img/failwhale.gif') no-repeat 0px 50px; }
.highlight .hbox { margin: 3px; padding: 3px 0 0 0; border-top: 1px solid #CBB0DB; }
.hbox.first{margin-top: 0;padding-top:0;border-top:0px none !important;}
.hbox .fllow{ margin-bottom:5px;}
.hbox h4 { font-size: 13px; color: #9168A6; margin-top:3px;white-space:nowrap;width:160px;overflow:hidden;}
.Nav2 .rec { padding: 3px 0 3px 24px; background: transparent url('../img/buttons.png') -77px -136px no-repeat; color:#FF0000;position:relative;top:-3px;display:inline-block;}
.searchttitle { color:#FFF;float:right;}
