.clearer {
	clear:both;
}
/* ---------------------------- */
/* Dialog Styles
/* ---------------------------- */
/* Box Background, Border */
	.ui-widget-content {
		border:none;
	}
	.ui-dialog {
		padding: 0px;
		margin: 0px;
		width: 340px;
		border: none;
		background: #ffffff;
    	font-family: Arial, Helvetica, sans-serif;	
        font-size: 12px;
        color: #666666;    	
	}
	.ui-widget-overlay{
		opacity: 0.80;
		background-color: #000000;
	}
	
/* Box Content */
	.ui-dialog .ui-dialog-content {
		border: 0;
		padding: 0px 15px 15px 15px;
		background: none;
		zoom: 1;
		overflow:hidden;
	}

/* curved or square corners | 4px or 0px */
	.ui-corner-all {
		 -moz-border-radius: 0px;
		 -webkit-border-radius: 0px;
	}
	.ui-corner-top {
		 -moz-border-radius: 0px;
		 -webkit-border-radius: 0px;
	}

/* Header Styles */	
	.ui-widget-header { 
		background:none;
		border:none;
	}
	.ui-dialog .ui-dialog-titlebar {
		padding: 9px 15px 5px 15px;
		position: relative;
		background: #17469e;
	}
	.ui-dialog .ui-dialog-titlebar{
		font-family: Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#ffffff;
		font-weight:bold;
		text-transform:uppercase;
		line-height:1.25;
		margin: 0px;
	}
	.ui-widget-header .ui-icon {
		 background-image: url('../images/closex.gif');	
	}
	
/* START custom close button rules */

	.ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
		right: 0px; 
		top: 0px;
		width: 62px; 
		height: 30px;
		padding:0px;
        margin: 0px;
	}
	.ui-dialog .ui-dialog-titlebar-close span {
		display: block; 
		width: 62px; 
		height: 30px;
		margin: 0;
	}
	.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
		padding:0;
	}
	.ui-icon-closethick {
		background: none;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
		background:none;
		border:none;
	}
	.ui-icon {
		height:auto;
		width:auto;
	}
/*
END custom close button rules */
	
/* ---------------------------- */
/* Dialog Button Styles
/* ---------------------------- */

.popup_layer_manage {
    float: left;
    margin: 20px 10px 0px 0px;
}
.popup_layer_close {
    float: left;
    padding-top: 3px;
    margin: 20px 0px 0px 0px;
}

/* Button Container 
	.ui-dialog .ui-dialog-buttonpane_new {
		text-align: left;
		border-width: 1px 0 0 0;
		border-color: #C4C3C3;
		background-image: none;
		margin: 1em 0 0 0;
		padding: .3em 0 0 0;
	}
*/

/* DIALOG BUTTON STYLES
	.ui-dialog .ui-dialog-buttonpane_new div {
		float: right;
		margin: .5em .4em .5em 0;
		cursor: pointer;
		padding: .8em 2em;
		line-height: 1.4em;
		width:auto;
		overflow:visible;
	}
	.ui-dialog .ui-dialog-buttonpane_new input {
		text-transform:uppercase;
		background:blue;
		font-weight:bold;
		font-size: 1.05em;
		color:#fff;
		border:none;
		float:right;
		margin: .5em 0 .5em 0;
		cursor: pointer;
		padding: .8em 2em;
		line-height: 1.4em;
		width:auto;
		overflow:visible;
		background:#3598bf;
	}
	.ui-dialog .ui-dialog-buttonpane_new input:hover {
		color:#000;
		background:#c4c3c3;
	}
	.ui-dialog .ui-dialog-buttonpane_new span a{
		float:right;
		text-decoration:underline;
		margin-top:1.4em;
		margin-right: 15px;
		color:#000;
		font-weight:bold;
	}
	.ui-dialog .ui-dialog-buttonpane_new span a:hover{
		float:right;
		text-decoration:none;
		margin-top:1.4em;
		margin-right: 15px;
		color:#000;
		font-weight:bold;
	}
*/
/* DIALOG button 
	.ui-dialog-buttonpane_new .ui-state-default, .ui-dialog-buttonpane_new .ui-widget-content .ui-state-default {
		border: none;
		background: #3598BF;
		color: #fff;
		text-transform:uppercase;
		font-weight: bold;
	}
	/* DIALOG ACTIVE button 
		.ui-dialog-buttonpane_new .ui-state-active, .ui-dialog-buttonpane_new .ui-widget-content .ui-state-active, .ui-dialog-buttonpane_new .ui-state-hover, .ui-dialog-buttonpane_new .ui-widget-content .ui-state-hover, .ui-dialog-buttonpane_new .ui-state-focus, .ui-dialog-buttonpane_new .ui-widget-content .ui-state-focus {

		}*/
	/* DIALOG button text 
		.ui-dialog-buttonpane_new .ui-state-default a, .ui-dialog-buttonpane_new .ui-state-default a:link, .ui-dialog-buttonpane_new .ui-state-default a:visited {
			color: RED;
		}
		.ui-dialog-buttonpane_new .ui-state-default a:hover {
			color: #FFF;
		}*/
	/* DIALOG ACTIVE button text
		.ui-dialog-buttonpane_new .ui-state-active a, .ui-dialog-buttonpane_new .ui-state-active a:link, .ui-dialog-buttonpane_new .ui-state-active a:visited {
			color: #102C4E;
		} */
	/* DIALOG HOVER on button 
		.ui-dialog-buttonpane_new .ui-state-default:hover, .ui-dialog-buttonpane_new .ui-widget-content:hover .ui-state-default:hover {
			background: #C4C3C3;
			color: #000;
		}
END DIALOG STYLES */

/* ---------------------------- */
/* Top Account Menu
/* ---------------------------- */

#welcomeMessage {
    position: absolute;
    top: 8px;
    right: 175px;
}
#accountLinks {
    float:left;
	width:105px;
	height: 27px;
	margin:0;
	padding: 25px 45px 0 0;
    text-align: center;
    background: url('../images/join_login_blank.gif') 0px 0px no-repeat;
    color: #ffffff;
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 0.02em;
}
#accountLinks a:link, #accountLinks a:visited {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
    letter-spacing: 0.02em;
}
#accountLinks a:hover, #accountLinks a:active {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 12px;
    text-decoration: underline;
    letter-spacing: 0.02em;
}
.layerPadding {
	padding: 0px 0px 0px 0px;
}

/* ---------------------------- */
/* Msg Styles
/* ---------------------------- */
.msg_error {
	color: #ffffff;
	font-weight: bold;
	margin: 10px 0px 10px 0px;
	padding: 10px;
	background: red;
    width: auto;
}
.msg_success {
	color: #ffffff;
	font-weight: bold;
	margin: 10px 0px 10px 0px;
	padding: 10px;
	background: #009900;
    width: auto;
}
#popup_layer_msg {
    position: relative;
    width: auto;
    height: auto;
    margin: 0px;
    padding: 0px;
}
.msg_success a:link, .msg_success a:visited {
    color: #ffffff;
    font-weight: bold;
    text-decoration: underline;
}
.msg_success a:hover, .msg_success a:active {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}


/* ---------------------------- */
/* Manage Account Styles
/* ---------------------------- */
#accountTop {
    margin: 0px 0px 10px 0px;
	color:#178bb6;
}
#accountTop a:link, #accountTop a:visited {
	color:#178bb6;
	text-decoration: underline;
}
#accountTop a:hover, #accountTop a:active {
	color:#178bb6;
	text-decoration: none;
}
.accountHead {
	font-size: 15px;
	color:#178bb6;
	padding:0px;
}

/* ---------------------------- */
/* Account Tab Styles
/* ---------------------------- */
.ui-tabs {
	padding: 0px;
	background: #ffffff;
    font-family: Arial, Helvetica, sans-serif;	
    font-size: 12px;
    color: #666666;	
}
.ui-tabs ul {
    padding-left: 0px !important;
}
.ui-tabs .ui-tabs-nav {
	list-style: none;
	position: relative;
	padding: 0px 0px 10px 0px;
	background: #ffffff;
}
.ui-tabs .ui-tabs-panel {
	padding: 0px 0px 0px 0px;
}
.ui-tabs .ui-tabs-nav li {
	position: relative;
	float: left;
	border: none !important;
	margin: 0 2px 0 0;
	padding: 0;
	background:#b5dae7;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	text-decoration: none;
	padding: 18px 10px 
	font-weight:bold;
	font-size: 12px;
	color: #003399;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	background: #17469e !important;
	padding:0px;
	margin:0 2px 0 0;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
	background: #17469e !important;
	color: #fff; 
	cursor: pointer;
}
.ui-tabs .ui-tabs-nav li.ui-state-hover a{
	color:#fff;
	background:#17469e !important;
}
.accountTabPanelTop {
    padding: 30px 5px 15px 5px;
}
.accountTabPanelTop h2 {
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    font-size: 15px;
    color: #17469e;
}
.accountTabPanelTop p {
    margin: 10px 0px 0px 0px;
}
.accountTabPanelTop a:link, .accountTabPanelTop a:visited {
    color: #17469e;
    text-decoration: underline;
}
.accountTabPanelTop a:hover, .accountTabPanelTop a:active {
    color: #17469e;
    text-decoration: none;
}
.accountTabPanelBottom {
    padding: 0px;
}

/* ---------------------------- */
/* Floating Account Styles
/* ---------------------------- */
#closeLayer {
	background: #FFF;
	padding: 2px 4px 0px 4px;
	text-align: right;
}
#closeLayer table {
	float: right;
}
#closeLayer table a:link, #closeLayer table a:visited {
	text-decoration: none;
}
#closeLayer table a:hover, #closeLayer table a:active {
	text-decoration: none;
}
#div_break {
	z-index:5001;
	height:7px;
	clear:both;
}
#create_account_layer, #login_layer {
	display:none;
	padding: 0 10px 10px 10px;
}
#forgot_password_account {
	display:none;
	padding: 0 0 10px 0;
	text-align: left;
}
#retrieve_pw_layer_msg {
	margin:4px 0 0 0;
}

/* ---------------------------- */
/* Account Page Styles
/* ---------------------------- */
#account_layer_msg_editProfile {
    position: relative;
}
#account_layer_msg_submitProjects {
    position: relative;
}
.accountTabPanelForm {
    height: auto;
    width: 684px;
    padding: 20px;
    background: #e9f4f8;
    border-bottom: solid 2px #ffffff;
}
.accountTabPanelForm h3 {
    font-size: 15px;
    font-weight: bold;
    color: #000000;
    margin: 0px 0px 10px 30px;
}
.accountCellLeft {
    width: 230px;
    padding: 3px 10px 3px 0px;
    text-align: right;
}
.accountCellRight {
    padding: 3px 0px 3px 0px;
    text-align: left;
}
.accountTop {
    padding-top: 5px;
}
.accountOptional {
    font-size: 11px;
    color: #666666;
}
.accountStrong {
    font-weight: bold;
}
.accountTextBox {
	border:1px solid #000000;
	padding: 4px;
	margin: 0px;
	background: #ffffff;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px;
	color: #666666;
    width: 300px;
}
.short {
    width: 200px;
}
.select {
    width: 210px;
}
.selectFull {
    width: 310px;
}
optgroup {
    padding-left: 10px;
    padding-top: 5px;
}
.realShort {
    width: 150px;
}
.otherTable {
    width: 450px;
    margin: 0px 0px 0px 140px;
    color: #000000;
    font-size: 12px;
}
.otherCellLeft {
    width: 1%;
    padding: 3px 7px 3px 0px;
    white-space: nowrap;
}
.otherCellMiddle {
    width: 1%;
    padding: 3px 7px 3px 0px;
    white-space: nowrap;
}
.otherCellRight {
    width: 98%;
    padding: 3px 0px 3px 0px;
    white-space: default;
}
.accountButtonHolder {
    margin: 30px 0px 10px 0px;
    text-align: center;
}
.originalDesignCellRight {
    padding: 3px 10px 3px 2px;
}
#uploadedImagesArea {
    margin: 10px 0px 0px 0px;
    padding: 10px 10px 0px 10px;
}
#uploadedImagesButton {
    margin: 0px 0px 10px 0px;
    padding: 0px 10px 10px 10px;
}
.uploadedImagesInd {
    margin: 0px 0px 10px 0px;
}
#uploadedImagesHolder {
    background: #17469e;
    color: #ffffff;
}
a.accountProjectLink:link, a.accountProjectLink:visited {
    color: #000000;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
}
a.accountProjectLink:hover, a.accountProjectLink:active {
    color: #000000;
    font-weight: bold;
    font-size: 11px;
    text-decoration: underline;
}
#uploadedImagesText {
    background: #17469e;
    color: #ffffff;
    margin: 0px;
    padding: 10px 10px 0px 10px;
}
.accountProjectStatus {
    color: #17469e;
    font-weight: bold;
    font-size: 11px;
}
#account_page {
	width:724px;
}
.accountProjectBack {
    margin: 10px 0px 10px 0px;
    color: #17469e;
}
#accountPageButtons {
    color: #17469e;
    font-weight: bold;
    font-size: 12px;
    margin: 15px 0px 0px 0px;
}
#accountPageButtons a:link, #accountPageButtons a:visited {
    color: #17469e;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
}
#accountPageButtons a:hover, #accountPageButtons a:active {
    color: #17469e;
    font-weight: bold;
    font-size: 12px;
    text-decoration: underline;
    text-transform: uppercase;
}

/* ---------------------------- */
/* All Form Styles
/* ---------------------------- */

.checkTextBox {
	border:1px solid #000000;
	padding: 4px;
	margin: 0px;
	background: #ffffff;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px;
	color: #666666;
    width: 172px;
}

.checkoutCell {
	padding: 0px 10px 8px 0px;
	text-align: left;
}

.checkoutCellBottom {
	padding: 10px 0px 25px 0px;
	text-align: left;
}

.checkoutCellRight {
	padding: 0px 10px 8px 0px;
	text-align: right;
}

.checkoutCellHead {
	padding: 0px 0px 15px 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

.checkoutField {
	white-space: nowrap;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    color: #000000;
}

.checkoutFieldGray {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    color: #666666;
}

.accountLoginBottom {
    border-top: 1px solid #17469e;
    padding: 15px 0px 15px 0px;
    text-align: center;
    font-size: 12px;
    color: #000000;
}
.accountLoginBottom a:link, .accountLoginBottom a:visited {
    color: #17469e;
    font-weight: bold;
}
.accountLoginBottom a:hover, .accountLoginBottom a:active {
    color: #17469e;
    font-weight: bold;
}