/*home page collage edit buttons */
.edit-collage {-moz-border-radius: 4px; -webkit-border-radius: 4px; 
background:#FFFED6 none repeat scroll 0 0;
border-color:#CCCCCC #737373 #737373 #CCCCCC;
border-style:solid;
border-width:1px;
color:black !important;
cursor:pointer;
display:block;
font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif !important;
font-size:12px;
font-style:normal !important;
font-weight:normal !important;
letter-spacing:normal !important;
line-height:normal;
padding:5px;
text-align:center;
text-decoration:none !important;
text-transform:none;}
div.no-image {background: transparent url('/images/empty_thumb.png') repeat; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #F3F3F3; border-left: 1px solid #F3F3F3; -moz-border-radius: 4px; -webkit-border-radius: 4px; }





/* add many projects form */
.year_wrapper {width: 80px;}
.year {width: auto!important;}
.year-started {width: 200px; display: inline-block; float: left; height: 90px; padding: 1px;}
.year-completed {width: 300px; margin-left: 205px; height: 90px;padding: 1px;}
div.fields {padding-top: 1px;background-color: #ccc; }
div.fields ul.add-many { float: none; clear: both; margin:12px; height:50px;}
div.fields ul.add-many li {display: inline-block; float: left; margin-right: 18px;}
div.fields ul.add-many li.remove {padding-top: 12px;}

/* remove the margins*/
div.no_margins label {margin:0px!important;}
input.disabled {background-color: #eee; border: none; width: 80px!important;}

td{vertical-align:top;}

li, ul {margin:0;padding:0;}

.float-right {float: right!important;}
.float-none {float: none!important}
.float-clear {clear:both!important; float: none!important;}

.example_field {font-size: 12px; margin: 6px 6px 6px 12px ;  font-family: sans-serif; color:#444;}

ul.thumb_gallery li{float: left; padding:3px;}
ul, li {list-style: none;}

.logged-in-top {
	left:0;
	overflow-x:hidden;
	overflow-y:hidden;
	padding-bottom:1px;
	padding-left:0;
	padding-right:0;
	position:absolute;
	right:0;
	text-align:center;
	top:0;
	width: 100%; background-color: transparent ;
	  background-repeat: repeat-x; 
		background-position: bottom;
		color: black; 
		font-size:13px;  letter-spacing: normal; line-height: normal;}
#asset-form .container{	background: transparent none;}
.container{margin-left:auto;
margin-right:auto;
margin-top:0;
width:950px;}

.form-container h1 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
 -moz-border-radius: 8px; -webkit-border-radius: 8px; 
background:#BBBBBB none repeat scroll 0 0;
padding:0.5em 1.5em;
display:inline;
font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif  ;
text-transform: lowercase;
font-weight: 200;
font-size: 24px;
}

div.input-no-margin input {margin: 0!important;}

div.cancel {float: right;}
div.cancel a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#E6FFEB none repeat scroll 0 0;
color:#358D48 !important;
}

div.cancel a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background:#FFFFFF none repeat scroll 0 0;
border-color:#CCCCCC #737373 #737373 #CCCCCC;
border-style:solid;
border-width:1px;
color:black !important;
cursor:pointer;
display:block;
font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif !important;
font-size:14px !important;
font-style:normal !important;
font-weight:normal !important;
margin:5px;
padding:5px;
text-align:center;
text-decoration:none !important;
text-transform:none;
}

/* forms styles for all skins */
.textile-help {color:#6596EC; text-decoration: none;}
.textile-help:hover {color:#2A74F3; text-decoration: underline;}
.required {color:red; font-size:12px;}

fieldset span.pink, fieldset span.yellow {margin: 9px 9px 15px 9px; width: 94%;}
span.radio {float:left;}
span.radio input {margin: 0px 0px 0px 9px; padding: 0px; display: inline;}
legend {display: none;}
textarea {height: 200px;}
fieldset label, input, textarea {display: block; color: #000;}
h2 input {width: 300px;}
fieldset input, fieldset textarea{width: 96%;}
fieldset span.title label{font-size:18px;}
fieldset input.post-title-long {width: 96%; font-size:16px;}
span.float-input input {float: left;}
span.float-input img {margin-top: 9px;}
input#remember_me {display: inline;}
.clickable {cursor: pointer}
span.example {font-size:10px;display: block;}
form {font-style: normal; letter-spacing: normal; line-height:normal;}
form h2 input {min-width: 200px; display: inline; margin-right: 10px; font: italic 20px Georgia ;}
form h2 {font: italic 24px Georgia ;
font-weight:bold;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-webkit-border-radius:4px; padding: 6px; color: #000;}
form h2 a {font-size: 16px; padding:0 2px; color: #6596EC; text-decoration: none;}
form h2 a:hover {color:#2A74F3; text-decoration:underline;}
form  a {color: #6596EC; text-decoration: none;}
form  a:hover {color:#2A74F3; text-decoration:underline;}
fieldset {padding:0;margin: 18px 0px 0px 0px;border: none; font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif  ;}
div.legend span {display: block; padding: 7px; font: italic 16px Georgia ;}
fieldset label {font: 18px Lucida Grande; margin: 15px 12px 0px 12px;}
fieldset input, fieldset select {font: 12px Lucida Grande; margin: 9px 9px 24px 9px;}
fieldset textarea {font: 12px Lucida Grande; margin: 9px 9px 15px 9px;}
div.terms-of-service-wrapper input {margin: 3px!important;}
#new-user-subdomain-fieldset div {display: inline;}

/* search */
span.search input {width: 96%; font-size: 16px; }
div.search input {width: 300px;float: left;}
div#article_project_name_auto_complete {color: black;}


/*flash notices */
div#errorExplanation {margin-left: 25px;}
div.flash_wrapper {padding:9px;}
div.flash_wrapper div {padding: 20px; font-weight: bold;}
div.notice { border: 2px solid #8CBE88; background-color:#DDFFDA; color: black; letter-spacing: normal; line-height: normal; font-style: normal;}
div.warning {border: 2px solid #FF8716;background-color:#FCD1A9; color: black; letter-spacing: normal; line-height: normal; font-style: normal;}
div.error {border: 2px solid red; background-color:#fff6f0; color: black;letter-spacing: normal; line-height: normal; font-style: normal;}
div.alert {border: 2px solid red;background-color:#fff6f0;color: black;letter-spacing: normal; line-height: normal; font-style: normal;}

/*background selector */
div#background_images_library_items fieldset {padding: 6px;}
div.background_images form {padding: 0px; margin: 0px; border: 0;}

/* color selector */
.colorSelector {background:transparent url(/images/select.png) repeat scroll 0 0;height:36px;width:36px;}

/* skin selector */
div.dynamic_skins form {border:0 none;margin:0;padding:0;}

/* tabs */
ul#tabcontrol1, ul#tabcontrol1 li{border-collapse:collapse;font-size:14px; font-family: Lucida Grande!important}
ul#tabcontrol1 {height:35px; overflow: hidden; background-image: url('/images/form-tabs-bottom-border.png');
background-repeat: repeat-x; background-position: bottom; padding: 12px 0px 0px 12px;}
ul#tabcontrol1 li{border-bottom: 0; margin-right: 10px; float: left;}
div.portfolios ul#tabcontrol1 li.tab-selected  {line-height:1.2em!important;}
ul#tabcontrol1 a {text-decoration:none!important;}
.tab2-selected, .tab-selected {height:34px;background-image: url('/images/form-selected-tab.png'); 
background-repeat: repeat-x;z-index: 5; border-top: 1px solid #ABABAB; border-left:1px solid #ABABAB; border-right:1px solid #ABABAB;}
.tab2-unselected, .tab-unselected{height:35px;}
.tab2-unselected a, .tab-unselected a {padding:8px; display:block;}
.tab2-selected a, .tab-selected a {font-weight: bold; padding: 8px; display:block;}



/*check box fix*/
.checkbox-container input {display:inline-block; margin: 0; padding: 0; width: 100%;}
.checkbox { float: left; display:inline-block; width: 30px;}
.checkbox-label { padding-left: 24px;}


/*back grounds*/
fieldset {background-image: url(/images/photo-row4.png); background-repeat: repeat-x}
.edit-photo-row {height: 200px; border-bottom: 1px solid #ABABAB; background-image: url(/images/photo-row4.png)!important; background-repeat: repeat-x}
.edit-photo-selected {background-image: url('/images/photo-row4.png')!important; background-repeat: repeat-x}
.tab-pane form {margin-top: 0px!important; padding:15px!important; background: transparent none!important;}
.tab-pane {padding-top: 9px;}
.tag-modal form {padding: 0px!important; margin: 0px!important;}


/*logged in styles*/
/* new changes */



td {padding-right: 9px;}
td.last {padding-right: 0px;}

/*tool bar*/
div#tool-bar a {font-weight: normal!important;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif!important; font-size: 14px!important; text-decoration:none!important; }
div#tool-bar a:hover {color:#fff!important; background-color: transparent!important;}
div.free-trial-count-down {font-weight: normal!important;}
div.free-trial-count-down a {font-weight: normal!important;text-decoration:none!important; color: #fff!important; }
div.free-trial-count-down img {vertical-align:middle;}
div.logout a {font-weight: normal!important; color:#fff!important;}
/*forms*/
div#album-tabs fieldset {background: #EEEEEE url(/stylesheets/images/resume-bg.jpg) repeat-x scroll 0 0 !important}


/* home page styles */

#containment-wrapper {border-bottom: 1px dashed #ccc ;}
div.home-edit-section {border: 1px solid #333!important;}




div.toolbar-button-wrapper { width: 170px; }
div.home-preview{background-color: white;border: 1px solid black;}
div.toolbar-button-wrapper form {margin:0; padding:0; border:none;}
.toolbar-button-text
{ cursor: pointer;
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif !important;
	font-style: normal!important;
	font-size:15px !important;
	font-weight:normal !important;
	text-decoration:none !important;
	padding-left:23px; text-transform: none;
	padding:9px; text-align: center;

}
.toolbar-button-text a, .toolbar-button-text a:hover {font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif !important;
font-style: normal!important;
font-size:15px !important;
font-weight:normal !important;
text-decoration:none !important;color: white!important; background: transparent none!important; border: none!important;}
div.drop-menu {position: absolute; z-index: 10; display:none}
div.toolbar-button-wrapper span.toolbar-button-text img {padding-bottom:3px;}
div.toolbar-button-wrapper form {background-color: white;background-image:none;}
div.toolbar-button-wrapper ul {padding-top:4px;padding-bottom:4px;background-color: white;border: 1px solid #ababab;width:170px;position: relative;left:0;z-index: 10;}
div.toolbar-button-wrapper ul li {
	display:block;
	line-height:13px;
	margin:0;
	border:1px solid white;
		background-color: transparent!important;background-image:none;
}
	

		
		div.toolbar-button-wrapper ul li input#snippet_submit, 
		div.toolbar-button-wrapper ul li input#portfolio_submit,
		div.toolbar-button-wrapper ul li input#portfolio_submit:hover, 
		div.toolbar-button-wrapper ul li input#snippet_submit:hover, 
		
		div.home-preview a, div.home-preview a:hover
			{display: block;
					font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif !important;
				padding:6px 23px 7px!important; text-transform: none; font-style: normal!important;
				margin: 0px!important;
				font-size:14px !important;
				font-weight:normal !important;
				text-decoration:none !important;
				width: 100%;
				text-align: left;
				cursor:pointer;}		

div.toolbar-button-wrapper ul li input#snippet_submit ,
div.toolbar-button-wrapper ul li input#portfolio_submit,
 div.home-preview a {background: none transparent!important; border: 1px solid white;}



div.toolbar-button-wrapper ul li input#snippet_submit:hover,
div.toolbar-button-wrapper ul li input#portfolio_submit:hover,
div.home-preview a:hover {-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#838485 none repeat scroll 0 0!important;
border:1px solid #666666!important;
color:#FFFFFF!important;}

/*dragging and dropping*/
li .handle {
  cursor: move;
  color: #777;
}

	
#gray {filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;}
#gray:hover {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
span.move{
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
font-weight:normal;font-size: 12px; letter-spacing: 1px; 
background:#CCCCCC;
color:#000000;padding:0 6px;}


span.add-more {position: absolute; bottom: 5px; margin-left: 10px;}
span.add-more a {	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-radius:4px;
	text-decoration:none;
background-color:#eee;
color:#6390AA;
font-family:Lucida Grande;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin-right:6px;
padding:3px;
border:1px solid #DDDDDD;}
span.add-more a:hover {background:#666 none repeat scroll 0 0;color:#fff;}



span.add-more-cat {}
span.add-more-cat a {	
font-weight:normal; letter-spacing: 1px; 
background:#CCCCCC;
color:#000000;padding:0 6px;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-x-system-font:none;
background-color:#FFFFFF;
color:#A085D4;
font-family:Lucida Grande;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin-right:6px;
padding:3px;
text-decoration:none;

}

span.add-more-cat a:hover {font-weight:normal;font-size: 12px;letter-spacing: 1px; background:#F85535 none repeat scroll 0 0;border-color:#DD4628;color:#FFFFFF;}

div.resume-edit-section { border: 1px solid white;
	background-color:#FFFFFF;
	background-image:url();
	clear:both;
	margin-top:36px;
	padding: 3px;
	}
	

div.resume-edit-section h1 span a{font-size: 10px; border: 0px;}
div.resume-edit-section hr{display:none;}

h1.resume-section-header
{
color: #555252; font: italic 16px Georgia ;
font-weight:bold;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px; padding: 6px;}


/* categories */
div.categories-list ul {background-color: #cccccc; color: #333; padding: 25px;}
div.categories-list li {margin-bottom: 25px; border: 1px solid #B6B6B6; background-color:#f2f2e6; position: relative; padding: 18px;}



div.basic-info{ background-color:#fff;clear:both;}
div.resume-page {background:#fff none!important}



/* skin customization */
div.skin-thumb img {width: 200px}

.auto_complete {padding: 0px; margin: 0px;}

span.close-this:hover { color: red; background-color: black;}

form.edit_portfolio {background-color: #fff!important; padding: 0px!important;}
h2#skin_h2 {background:#CCCCCC;
color:#555252;}
.skin-store-list {padding: 1px!important;}
.skin-store-list li {color: #666!important;}
div.skin-generator a, .skin-store-list a {color: blue;}
div.skin-generator a:visited, .skin-store-list a:visited {color: blue;}
div.skin-generator a:hover,.skin-store-list a:hover {color: green; background: transparent none;}


/*billing info form*/
div#generic_form form {background-color: white;
	-moz-border-radius-bottomleft:16px;
	-moz-border-radius-bottomright:16px;
	-moz-border-radius-topleft:16px;
	-moz-border-radius-topright:16px;
	}
div#generic_form form fieldset	
	{	border: 1px solid #fff; padding: 6px;
		-moz-border-radius-bottomleft:16px;
	-moz-border-radius-bottomright:16px;
	-moz-border-radius-topleft:16px;
	-moz-border-radius-topright:16px;}
	
div#generic_form form h2 {margin-left:24px; padding-bottom: 48px;}
	
dt#billing-legend {clear: left; float:left; width: 150px; text-align:right;}
dt#billing-legend label {margin: 2px 12px 0 0; font-size: 12px;}
dd#billing-field {margin-bottom: 12px}
dd#billing-field input {width: 400px;}
dd#billing-field select {margin: 0;}
dd#billing-field-zip_code input {width: 150px;}

/* upgrade, downgrade, edit plans */
ul.upgrade-downgrade li {float: left;}
ul.upgrade-downgrade li span{ padding: 15px 0px 9px 15px; border-bottom: 1px solid #DDDDDD; vertical-align: top; margin: 0;}
ul.upgrade-downgrade li span {display: block; width:  130px;}
li.ud-header {width: 85px;}
table.account_info {width: 100%; padding: 0; margin: 0;border-collapse:collapse;}
table.account_info td.account_info_legend {width:150px; color: #aaa;}
table.account_info td{ padding: 15px 0px 9px 0px; border-bottom: 1px solid #DDDDDD; vertical-align: top; margin: 0;}
li.selected {background-color: #DDFFDA;}


span.yellow {color: #333!important; border: 1px solid #eaeaea; padding: 9px; background-color: #FFFED6; display: block; margin-bottom: 9px;}
span.yellow a {color: #6596EC!important; text-decoration: none!important;}
span.yellow a:hover {color: #2A74F3!important; text-decoration: underline!important;}
span.pink {background-color: #fef8f6; border: 1px solid #CD0A0A; padding: 9px; display: block; margin-bottom: 9px;}


.static-notice {background-color:#DDFFDA;
border:2px solid #8CBE88;
color:black;}


/* page controls */
ul.page-controls a, ul.page-controls input.inline-page-controls-submit{
 -moz-border-radius: 4px; -webkit-border-radius: 4px; 
	display: block; 
					color:black!important;
					background: #Ffffff;
					border-bottom:1px solid #737373;
					border-right:1px solid #737373; 
					border-left: 1px solid #ccc;
					border-top: 1px solid #ccc;
					margin:5px;
					cursor: pointer;
					cursor: pointer;
						font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif !important;
						line-height:normal ;
						font-style: normal!important;
						letter-spacing: normal!important;
						font-size:14px;
						font-weight:normal !important;
						text-decoration:none !important;
						padding-left:15px; text-transform: none;
						padding:5px; text-align: center;}
ul.page-controls a:hover, ul.page-controls input.inline-page-controls-submit:hover {color: #358D48!important; background:#E6FFEB;}
ul.page-controls li {float: left;}
ul.page-controls a img {vertical-align:bottom;}


	

div#page_controls h1{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:1em;
-moz-border-radius-bottomright:1em;
-moz-border-radius-topleft:1em;
-moz-border-radius-topright:1em;
background:#bbb none repeat scroll 0 0;
padding:0.5em 1.5em;  }

#page-controls-content{padding-top: 12px;}


/*inline page control content */
ul.inline-page-controls a, ul.inline-page-controls input.inline-page-controls-submit {
 -moz-border-radius: 4px; -webkit-border-radius: 4px; display: block; color:black!important;
					background: transparent url('/images/transluscent-white.png') repeat;
					border-bottom:1px solid #737373;
					border-right:1px solid #737373; 
					border-left: 1px solid #ccc;
					border-top: 1px solid #ccc;
					margin:5px;
					cursor: pointer;
					cursor: pointer;
						font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif !important;
						line-height:normal ;
						font-style: normal!important;
						letter-spacing: normal!important;
						font-size:12px;
						font-weight:normal !important;
						text-decoration:none !important;
						padding-left:15px; text-transform: none;
						padding:5px; text-align: center;}
ul.inline-page-controls a:hover {color: #358D48!important; background:#E6FFEB;}
ul.inline-page-controls li {float: left;}
ul.inline-page-controls a img {vertical-align:bottom;}
ul.no-float li {float:none!important;}
a.button {
 -moz-border-radius: 4px; -webkit-border-radius: 4px; display: inline-block; color:black!important;
					background: #fff url('/images/transluscent-white.png') repeat;
					border-bottom:1px solid #737373;
					border-right:1px solid #737373; 
					border-left: 1px solid #ccc;
					border-top: 1px solid #ccc;
					margin:5px;
					cursor: pointer;
					cursor: pointer;
						font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif !important;
						line-height:normal ;
						font-style: normal!important;
						letter-spacing: normal!important;
						font-size:16px;
						font-weight:normal !important;
						text-decoration:none !important;
						padding-left:15px; text-transform: none;
						padding:5px; text-align: center;}
a.button:hover {color: #358D48!important; background:#E6FFEB;}

/* event date and time*/
div#show-dates label {font-size: 14px!important; text-transform: lowercase;}
ul.date_form {position: relative; left: -9px;}
ul.date_form li {float: left; display: inline-block;}
ul.date_form li span.divider {margin:9px 3px 24px; display: inline-block; font-size: 16px;}



hr {border:0 none;height:1px; background-color: #bbb;}

.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }


.red {color: red!important;}
.small {font-size: 11px!important;}
.tinny {font-size: 10px!important;}


/* faq */

div.answers div {border-bottom: 1px solid black;}


/* account settings */
hr.soft {background-color: #DDDDDD}
li.settings-header {margin-top: 12px;}
h3.settings-header {margin-bottom: 6px; margin-top: 0px;}


#article_body {height: 200px;}
#article_below_fold_body {height: 450px;}