/* John's CSS START */
.DocumentUpload,.DocumentAccordion
{
	display: block;
	clear: both;
	padding: 0;
	margin: 6px 12px 12px;
	position: relative;
	height: auto;
	}
.DocumentUpload { width: auto;}
.DocumentAccordion { margin-top: 24px; width: auto;} 
.DocumentUpload .tb_label,.DocumentAccordion .tb_label {
	display: block;
	clear: both;
	margin: 12px auto;
    color: #393939;
    font-weight: bold;	}
/* Document Upload START */
.upload_box {
	display: block;
	clear: both;
	margin: 12px auto;
	padding: 0 0 6px 0;
	width: auto;
	height: auto;}
.upload_fields {
	display: block;
	clear: both;
	position: relative;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;}
.upload_fields .one_column {margin-right:1.5%;width:48%;}
.upload_fields .two_column {margin-right:2%;width:97.6%;}

.upload_fields .column .form_label,
.upload_fields .column .form_textbox,
.upload_fields .column .form_textarea,
.upload_fields .column .form_select,
.upload_fields .column .form_checkbox,
.upload_fields .column .form_radiobtnlist
{ display: block; clear:both; width: 100%;}

.document_type_box 
{
	display: block;
	width: 550px;
	height: auto;
	clear: both;
	position: relative;
	padding: 20px 25px;
	}
.document_type_box .box_header 
{
	display: block; 
	clear: both; 
	margin: 6px 0; 
	font-size: 16px;
	font-weight: bold;
	}
.document_type_box hr  
{
	display: block; 
	clear: both; 
	margin: 6px 0; 
	width: 100%; 
	height: 1px; 
	position: relative;
	}
.document_type_box .document_type_categories 
{
	display:block;
	float:left;
	margin:0 15px 12px 0;
	width:200px;
	}
.document_type_box .document_type_categories .head {
	display: block;
	clear: both;
	margin-bottom: 6px;	}
.document_type_box .document_type_categories .categories 
{ display: block; clear: both;}
.document_type_categories .categories div {
	display: block;
	clear: both;
	padding: 3px 12px;
	cursor: pointer;
	background: none; }
.document_type_categories .categories div.active
{ background: transparent url('/Skins/images/arrow_selector.png') no-repeat center left !important;}
.document_type_categories .categories div a {
	display: block;
	clear: both;
	color: #393939;
	text-decoration: none;	}
.document_type_categories .categories div a:hover {
	text-decoration: underline;
	cursor: pointer;	}
.document_type_box .document_type_items {
	display: inline-block;
	width: 335px;	}
.document_type_box .document_type_items .head {
	display: block;
	clear: both;
	margin-bottom: 6px;	}
.document_type_box .document_type_items .items {
	display: block;
	clear: both;
	overflow: auto;
	height: 230px;
	text-indent: 6px;
	border: solid 1px #cccccc;
	background: white;
	}
.document_type_box .document_type_items .items div 
{ background-color: White;}
.document_type_box .document_type_items .items div:hover {	
	cursor: pointer !important;
	background-color: #efefef; 	}
.document_type_box .document_type_items .items div.active{
	background-color: #19a2e7 !important;
	color: White;
	}
.document_type_box .document_type_buttons {
	display: block; 
	clear: both; 
	margin: 6px 0; 
	width: auto; 
	height: auto; 
	position: relative;
	float: right;
	}
.document_type_box .document_type_buttons .ok,
.document_type_box .document_type_buttons .cancel {
	display: block;
	float: left;
	}
.document_type_box .document_type_buttons .ok 
{ margin: 4px 3px 0;}
.document_type_box .document_type_buttons .cancel {
	position:relative;
	top:4px;	
	}
#divUploadControls {
	clear:both;
	display:inline-block;
	position:relative;
	width:375px;
	}
#divUploadControls .file {
	position: relative !important;
	top: 3px;
	}
#divUploadControls .file{
    display: block !important;
    float: left;
    }
#divUploadControls div input{
    display: block !important;
    float: left;
    width:250px !important;
    }
#divUploadControls .UploadBtn {
	position:relative;
	display: block;
	float: right;
	left: 65px;
	}
.upload_message	{
	background-color:#FFCCCC;
	border:1px solid #FF9999;
	margin:12px auto;
	padding:5px;
	}

/* Document Upload END */

/* Document Accordion START */
.upload_descriptors,.upload_accordion {
	display: block;
	clear: both;
	width: 100%;
	}
.upload_descriptors div { display: block; float: left;}
.upload_descriptors .type,
.upload_descriptors .file,
.upload_descriptors .date, 
.upload_descriptors .edit,
.upload_descriptors .delete
{ 
	font-weight: bold; 
	color: #767676; 
	font-size:100%;
	height: 44px;
	line-height: 44px;
	}
.upload_descriptors .type {width: 265px; padding-left: 12px;}
.upload_descriptors .file {width: 300px;}
.upload_descriptors .date {width: 100px;}

.upload_descriptors .accordion-btns 
{ float: right; width: 115px;}
.upload_descriptors .accordion-btns .edit {width: 50px;}
.upload_descriptors .accordion-btns .delete {width: 50px;}

.upload_accordion .ui-state-default,.upload_accordion .ui-widget-content .ui-state-default {
	background: #ffffff url(/Skins/images/tree_inactive.png) repeat-x;
	font-weight: bold;
	height: 31px;
	font-size: 1em;
	line-height: 33px;
	padding-left: 30px;
	color: #575757;
	text-shadow: #fff 1px 1px 1px;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #bababa;
	-moz-border-radius-bottomleft: 0px !important;
	-moz-border-radius-bottomright: 0px !important;
	-moz-border-radius-topleft: 0px !important;
	-moz-border-radius-topright: 0px !important;
	-webkit-border-radius-bottomleft: 0px !important;
	-webkit-border-radius-bottomright: 0px !important;
	-webkit-border-radius-topleft: 0px !important;
	-webkit-border-radius-topright: 0px !important;
}	

.upload_accordion .ui-accordion-content 
{
	padding: 6px 0px;
	-moz-border-radius-bottomleft: 0px !important;
	-moz-border-radius-bottomright: 0px !important;
	-moz-border-radius-topleft: 0px !important;
	-moz-border-radius-topright: 0px !important;
	-webkit-border-radius-bottomleft: 0px !important;
	-webkit-border-radius-bottomright: 0px !important;
	-webkit-border-radius-topleft: 0px !important;
	-webkit-border-radius-topright: 0px !important;
	}

.upload_accordion .ui-state-default a,
.upload_accordion  .ui-state-default a:link,
.upload_accordion  .ui-state-default a:visited {
	color: #1c94c4;
	text-decoration: none;
	outline: none;
}

.upload_accordion .ui-state-hover a,.upload_accordion  .ui-state-hover a:hover {
	color: #c77405;
	text-decoration: none;
	outline: none;
}
.upload_accordion .ui-state-active,.upload_accordion  .ui-widget-content .ui-state-active {
	background: #ffffff url(/Skins/images/tree_active.png) repeat-x;
	font-weight: bold;
	height: 32px;
	font-size: 1em;
	line-height: 33px;
	padding-left: 30px;
	color: #fff;
	text-shadow: #074f74 1px 1px 1px;
	-moz-border-radius-bottomleft: 0px !important;
	-moz-border-radius-bottomright: 0px !important;
	-moz-border-radius-topleft: 0px !important;
	-moz-border-radius-topright: 0px !important;
	-webkit-border-radius-bottomleft: 0px !important;
	-webkit-border-radius-bottomright: 0px !important;
	-webkit-border-radius-topleft: 0px !important;
	-webkit-border-radius-topright: 0px !important;
}
.DocumentAccordion .viewchanger {
	display:block;
	text-align:right;
	width:100%;
	clear: both;
	height: auto;
	}
.DocumentAccordion .viewchanger a
{ color: #0294bb; text-decoration: none;}

.DocumentAccordion .viewchanger a:hover { cursor: pointer; color: #393939;}
.DocumentAccordion .viewchanger a:active { text-decoration: underline;}

.upload_accordion .file_row {
clear:both;
display:inline-block;
height:auto;
margin:6px 0;
position:relative;
	}
.upload_accordion .file_row .file {
	display: inline-block; 
	width: 265px;
	padding-left: 10px;
	}
.upload_accordion .file_row .type {
	display: inline-block; 
	width: 300px;
	}
.upload_accordion .file_row .date {
	display: inline-block; 
	width: 100px;
	}
.upload_accordion  .accordion-btns {
	float: right;
	width: 90px;
	}
.upload_accordion  .accordion-btns .edit {margin:0 35px 0 5px;}
.upload_accordion  .accordion-btns .delete {}
	
/* Document Accordion END */

/* Documents - under Home Tabs/My Portal */
.mainDocuments {width: 660px !important; padding-bottom: 24px;}
.mainDocuments .header 
{ background: url('/Skins/images/portal_documents_icon.png') no-repeat 12px center;}
.mainDocuments .header .btn_NewFile {
	display: block;
	float: right;
	margin: 6px;
	}
.mainDocuments .content .DocumentUpload { clear: both;}
.mainDocuments .content .DocumentAccordion { width: 634px !important; clear: both;}
/* Document Upload - under Manage Documents */
.uaDocumentUpload { width: 980px !important; padding-bottom: 24px;}
.uaDocumentUpload .header {
	background:transparent url(/Skins/images/portal_documents_icon.png) no-repeat scroll 12px center;
	margin-bottom: 6px;
	}
.uaDocumentUpload .upload_fields 
{ width: 500px !important; }
.uaDocumentUpload .upload_message
{ width: 862px; display: block;}
.uaDocumentUpload .upload_accordion .file_row { width:825px;}
/* John's CSS END */