/* Start Art Approval CSS */
body
{
    margin: 0px !important;
    background-color: #FFF;
    font-size: .85em;
    /*font-size: 62.5%;*/
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    color: #232323;
}

header, footer, nav, section 
{
    display: block;
}


/* Styles for basic forms
-----------------------------------------------------------*/
fieldset 
{
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend 
{
    font-size: 1.2em;
    font-weight: bold;
}

textarea 
{
    min-height: 75px;
}

.editor-label 
{
    margin: 1em 0 0 0;
}

.editor-field 
{
    margin: 0.5em 0 0 0;
}

/*------------------------------------------------------------*/
/*Generic Styles*/
/*------------------------------------------------------------*/
.hide
{
    display:none;
}

.smallText
{
	font-size:12px;
}

.mediumText
{
	font-size:medium;
}

.largeText
{
	font-size:19px;
}


.bold
{
	font-weight:bold;
}

.italic
{
	font-style:italic;
}

.underlined
{
	text-decoration:underline;
}

.centeredContainer
{
	/*width: 600px;*/
	margin: 0px auto;
	max-width:800px;
	width:auto;
	padding:10px 0px;
}

.floatLeft
{
	float:left;
}

.floatRight
{
	float:right;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error 
{
    color: #f00;
}

.field-validation-valid 
{
    display: none;
}

.input-validation-error 
{
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors 
{
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid 
{
    display: none;
}
/*------------------------------------------------------------*/
/*Modal Stuff*/
/*------------------------------------------------------------*/
.modalPanel
{
    width: 530px !important;
    vertical-align: middle;
    background-color: White;
    border: 1px solid black;
}

.modalPanelLarge
{
    width: 630px !important;
    vertical-align: middle;
    background-color: White;
    border: 1px solid black;
}
.modalPanel .ui-dialog-titlebar-close
{
    display: none;
}
.modalPanel fieldset
{
    padding: 0px;
    border: none;
    margin: 0px;
}
.modalPanel .modalTable
{
    width: 500px;
}
.modalPanel .modalTable .promptCell
{
    padding: 0 10px 0 10px;
}
.modalPanel .modalTable .nameCell
{
    text-align:center;
    width: 50%;
    padding: 0 10px 0 10px;
}
.modalPanel .modalTable .buttonsCell
{
    text-align: center;
    padding: 10px 0 10px 0;
}
.modalPanel .modalTable .blankRow
{
    padding-top: 5px;
}
.modalPanel .modalTable .txtName
{
    width:100%;
}
.inputError
{
    padding: 10px;
    font-weight: bold;
    color: Red;
    /*text-align:center;*/
    /*font-size: small;*/
    /*float:left;*/
}

.commentsTextPanel
{
    background-color:white;
	border-width:10px;
	border-style:solid;
	border-color:Gray;
	padding:10px;
}
.commentsTable
{
    padding: 0 2% 0 2%;
}
.commentsTextCell
{
    width:100%;
}
.commentsText
{
    width:100%;
    height: 200px;
}
.commentsTextButtonCell
{
    text-align:center;
    width: 50%;
}
/*------------------------------------------------------------*/
/* Proofs */
/*------------------------------------------------------------*/

.proofApprovalStatus
{
    /*width:100%;*/
    text-align:center;
    font-weight:bold;
    font-size:large;
    /*padding: 15px 0px;*/
    margin:0px 10px;
    display:inline-block;
    *display:inline;
    zoom:1;
    height:32px;
    position:relative;
    overflow:hidden;
}

	.proofApprovalStatus > span
	{
		display: inline-block;
		position: relative;
	}

/*#proofApprovalStatusContainer
{
    width:100%;
    text-align:center;
    font-weight:bold;
    font-size:large;
    padding: 15px 0px;
    margin:0px 10px;
    display:inline-block;
    *display:inline;
    zoom:1;
}*/
#proofApprovalStatus
{
    font-size:larger;
}
.proofApproved
{
    color:Green;
    font-size:larger;
}
.proofDisapproved
{
    color:Red;
    font-size:larger;
}
/*Proof Header Div*/
.proofHeader
{
    padding-left: 10px;
    border-bottom:1px solid black;
    height: 54px;
    vertical-align:middle;
    background-image:url('images/backgroundTile.jpg');
}

.proofCompanyInfo
{
    border-bottom:1px solid black;
    text-align:center;
}
.proofCompanyInfo > div
{
    font-size:large;
    font-weight:bold;
    padding:10px;
    /*display:inline-block;
    display*: inline; 
    zoom:1;*/
    margin:0px auto;
    width:50%;
}
/*------------------------------------------------------------*/
/* Image Table */
/*------------------------------------------------------------*/
.imageLink
{
    cursor: pointer;
    color: Blue;
    /*text-decoration: underline;*/
    -webkit-user-select: none;  
	-moz-user-select: none;    
	-ms-user-select: none;
	user-select: none;
}
.imageNavigationLink
{
	/*margin: 0px auto;*/
	padding: 0px 15px;
}
.imageTable
{
    width:100%;
}
.imageTable td
{
    text-align:center;
}
.imageNavigationCell
{
	min-width:75px;
	-webkit-user-select:none;
}

.itemButton
{
    background-color: White;
    text-align:center;
    width:100%;
    margin:0px; 
    font-weight:bold;
    font-size:large;
    border-bottom: 1px solid black;
}
.itemButton:hover
{
    background-color: #CCCCCC;
    cursor:pointer;
}
.itemSelected
{
    background-color: #CC0000;
}
.itemSelected:hover
{
    background-color: #CC0000;
}
.itemTable
{
    width:100%;
    border:1px solid black;
    border-collapse:collapse;
    border-spacing: 0px;
    height:200px;
    vertical-align:top;
    padding:0px;
}
.itemTable > thead > tr > th
{
    text-align:left;
    padding: 5px 5px;
    border: 1px solid black;
    background-color: #CCCCCC;
}
.itemTable > tbody > tr > td
{
    vertical-align:top;
    border:1px solid black;
}
.smooth_zoom_preloader 
{
	background-image: url(zoom_assets/preloader.gif);
}	
.smooth_zoom_icons 
{
	background-image: url(zoom_assets/icons.png);
}

#imageInformationPlaceHolder
{
	overflow-y:auto;
	height: 630px;
	width:350px;
	border-right: 1px solid black;
}

.itemOption
{
	padding: 5px;
}

#proofOptions
{
	border-bottom: 1px solid black;
	width: 100%;
	background: White;
	z-index: 999;
	padding: 7.5px 0px;
}
/*------------------------------------------------------------*/    
        
.ui-dialog-titlebar
{
    display:none;
}

/*------------------------------------------------------------*/
/*Comments*/
/*------------------------------------------------------------*/

.commentsContainer
{
}
	.commentsContainer .approvalPrompt
	{
		padding:25px 0px;
		text-align:center;
		font-size:20px;
		font-weight:bold;
	}

#commentsTextType
{
    font-size:larger;
}

.buttonsContainer
{
	text-align: justify;
	-ms-text-justify: distribute-all-lines;
	text-justify: distribute-all-lines;
	height: 80px;
	width: 600px;
	margin: 0px auto;
	white-space:nowrap;
}
	.buttonsContainer .stretch 
	{
		width: 100%;
		display: inline-block;
		font-size: 0;
		line-height: 0
	}

	.buttonsContainer .buttonContainer
	{
		/*padding:1px;*/
		/*background-color:black;*/
		/*display:inline-block;
		*display: inline;
		zoom: 1;*/
		float:left;
		cursor:pointer;
		text-align:center;
		width:200px;
		margin:0px 48px;
		border: 1px solid black;
	}

		.buttonsContainer .buttonContainer .button
		{
			background-color:#CCCCCC;
			padding:5px;
			position:relative;
			overflow:hidden;
			height: 62px;
		}
			.buttonsContainer .buttonContainer .button input
			{
				-webkit-appearance: none;
				-moz-appearance: none;
				appearance: none;
				position:absolute;
				top: 0;
				right: 0;
				margin: 0;
				opacity: 0.01;
				filter: alpha(opacity=0.01);
				-moz-opacity: 0.01;
				width: 200px;
				height: 72px;
				cursor: pointer;
				float:left;
			}
			.buttonsContainer .buttonContainer .button .buttonHeader
			{
				font-size:18px;
				/*font-size:13.5pt;*/
				/*font-size: 1.8em;*/
				font-weight:bold;
				padding: 3px;
			}
			.buttonsContainer .buttonContainer .button .buttonSubText
			{
				font-size:14px;
				/*font-size:10.5pt;*/
				/*font-size: 1.4em;*/
				font-weight: normal;
				font-style:italic;
			}
			.buttonsContainer .buttonContainer .button a
			{
				text-decoration:none;
				color:Black;
			}

/*#commentsTextButtonOkaySubText, #commentsTextButtonCancelSubText
{
    font-size:14px;
    font-weight: normal;
    font-style:italic;
}*/
#lblCommentsTextError
{
    padding: 10px 0px;
    font-size: small;
}

/*------------------------------------------------------------*/
/*Styled Button*/
/*------------------------------------------------------------*/
.styledButton
{
	position:relative;
	display: inline-block;
	overflow:hidden;
	color: #333;
	cursor: pointer;
	margin: 0px 10px;
	padding: 2px;
}

.styledButton:hover
{
	background-color: #c7d1d6;
}

.styledButton input
{
	position:absolute;
	top: 0;
	right: 0;
	margin: 0;
	opacity: 0.01;
	filter: alpha(opacity=0.01);
	-moz-opacity: 0.01;
	width: auto !important;
	cursor: pointer;
}

.styledButton > a
{
	display: inline-block;
	position: relative;
	cursor: pointer !important;
	text-decoration:none;
	color: #333;
}

.styledButton span
{
	display: inline-block;
	position: relative;
	cursor: pointer !important;
	font-size:20px;
}

.styledButton i
{
	display: inline-block;
	position: relative;
	cursor: pointer !important;
}

.sendProofEmailText
{
	width:98%;
	height:200px;
}

#pageCountDisplayContainer
{
	width:100%;
	height: 30px;
}

#pageCountDisplay
{
	margin: 0px auto;
	font-size:14pt;
	text-decoration:underline;
	color:Gray;
	-webkit-user-select: none;  
	-moz-user-select: none;    
	-ms-user-select: none;
	user-select: none;
	width:200px;
	text-align:center;
	display:inline-block;
}

#prevImage
{
	text-align:right;
}

#nextImage
{
	text-align:left;
}


/*#pageNavigationContainer
{
	width:100%;
	height:40px;
	border-bottom:1px solid black;
	-webkit-user-select: none;  
	-moz-user-select: none;    
	-ms-user-select: none;
	user-select: none;
}

#pageNavigation
{
	margin:5px auto;
	width:50%;
	text-align:center;
	vertical-align:middle;
	-webkit-user-select: none;  
	-moz-user-select: none;    
	-ms-user-select: none;
	user-select: none;
}

.navButtonContainer
{
	width:27px;
	margin:0px 5px;
	display:inline-block;
}*/