@import "fields.css";
@import "topbar.css";

.container{margin-left:auto;margin-right:auto;margin-top:0;width:960px;}
#asset-form .container{background:transparent none;}

/*new stuff move it out*/
#credit-card {width:450px}
#credit-card label {float:left; width:135px;text-align: right;}
#credit-card input {width: auto;}

dt {float:left; width:135px;text-align: right;}
dd {margin-left:150px}



/* 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;}



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




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;
}


/* 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 {text-shadow:none;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*/
.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;}






/*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; 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:18px 0px 18px 0px;
	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 { 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;}



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;}



/* 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;}

input.short {width: 150px}
input.shortest {width: 50px}

ul.video-tips li {list-style: disc!important; padding: 12px 3px; margin-left:12px; border-bottom:1px solid #BBB!important; list-style-position: inside!important}