/*retting styles */
@charset "utf-8";
.mainNavLink_end, .table_header img, .action_item_workbox{ display: none;}
#centerStage, #header, #user_info_wrapper, #user_info_area, #mainNavArea, #mainNavLinkArea, #content_wrapper, 
#content_area, #column_long, #middle_column, #table_header_wrapper, #button_wrapper, #SelectProject input, 
#button_wrapper_search, #left_column, #search_wrapper, #subNav_wrapper, .search_area, .search_scroll_area, 
#action_bar_wrapper, .search_area_with_nav, #left_column, #middle_long_column, #right_column, #subNav_wrapper_publish,
#publish_wrapper, .publish_area, #content_wrapper_popup, #content_area_popup, #left_column_popup, #tab_page_wrapper,
#tab_content_area, #tab_nav_wrapper, #login_box, div.myprofile_pagetitle, div.login_pagesubtitle, #tab_myprofile_wrapper, #tab_myprofile_area, #history .button_wrapper{ 
width: auto; float: none; overflow: hidden;}

#centerStage, #table_area_wrapper, #content_wrapper, #content_area, #column_long, #mainNavLinkArea, 
#mainNavArea, #user_info_wrapper, #user_info_area, .user_info, .mainNavLink_on, .mainNavLink_off, .subNavRight_off,
#SelectProject, #SelectProject select, #SelectProject input, #button_wrapper, #middle_column, 
#button_wrapper_search, #left_column, #subNav_wrapper, .search_area, #action_bar_wrapper, .search_area_with_nav, 
#left_column, #middle_long_column, #right_column, #subNav_wrapper_publish, #publish_wrapper, .publish_area, 
#content_wrapper_popup, #content_area_popup, #left_column_popup, #tab_page_wrapper, #tab_nav_wrapper, #tab_content_area, #login_box, 
div.myprofile_pagetitle, div.login_pagesubtitle, #tab_myprofile_wrapper, #tab_myprofile_area{
	height: auto; border: 0;}
/* resetting styles ends */

#action_bar_wrapper{ display: block;}

/* setting default styles */
body{ font-size: 14px; font-family: "Segoe UI", Helvetica, Arial, sans-serif;}
table{ font: inherit;}
a{ font-family: inherit !important; text-decoration: none !important;}
a:hover{ text-decoration: underline !important;}
input[type="button"], input[type="submit"], input[type="reset"], .input_button, .toggle_button{
	font: inherit;
	border: 0; padding: 10px 15px; line-height: 1; margin: 0; font-size: 1em; 
	height: auto; border-radius: 5px; cursor: pointer; font-weight: bold; background-color: #3399CC; color: #FFF;
}
#search_matches{ color: #3399CC;}
input[type="text"], textarea, input[type="password"]{ padding: 5px; border: 1px solid #AAA; border-radius: 5px; font: inherit; line-height: 1;}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .input_button:hover, .toggle_button:hover{ background-color: #EEE; color: #000;}
.input_button_center[value="Cancel"], .input_button[value="Close"], input[value="Clear"], input[value="Reset"]{ background-color: #d9534f;}
.toggle_button[value="Go"]{ background-color: #AAA;}
.toggle_button[value="Go"]:hover{ background-color: #777; color:#FFF;}
.input_button[value="Update Status"]{ background-color: #FF9900;}


input + input, .input_button + input, input + .input_button, .input_button_right + .input_button_right, .input_button_center + .input_button_center{margin-left: 15px;}
input + input[type="image"]{margin-left: 0px; margin-top: -4px;}
select, #SelectProject select, select.change_status{ font: inherit; float: none; line-height: 1; padding: 5px; 
	border-radius: 3px; font-size: 1em; border: 1px solid #AAA; color: #00728f; font-weight: normal;
}
/* setting default styles ends */


#pageWrapper, #footerCopyright{ width: 1140px; padding:0 15px 15px; margin-bottom: 10px; display: table; overflow: hidden; float: none; border: 0; height: auto;}
#footerCopyright{ width: auto;}
#content_wrapper_popup{ width: 970px; padding:0; margin-bottom: 10px; display: table; overflow: hidden; float: none; border: 0; height: auto;}	
#header{ height: 100px; background: no-repeat url('/CMS/web/images/logo.png') 0 -4px; 
/* border-bottom: 1px solid #EEE; */ width: 100%; margin-bottom: 0;}
#user_info_wrapper{ padding:0px; background-color: #F5F5F5; border: 1px solid #DDD; margin-bottom: 10px;padding-top: 10px;border-top: 1px solid #DDD;/* box-shadow: 0px 1px 1px #EEE; */}
#user_info_area{padding: 0 10px 10px 0;}
#SelectProject, .user_info{ line-height: 2.5; overflow: hidden;}
.user_info{  width: 22%;padding-left: 15px;}
.user_info strong{ /* background-color: #00728f; */ padding: 3px 5px; border-radius: 15px; text-transform: uppercase; color: #00728f; /* text-shadow: 0 0 2px #999; */}
#SelectProject input{ text-transform: uppercase;}
.table_main .text_published{ color: #00728f; font-size: 12px; padding: 5px; line-height: 25px; width: 135px;}
.site_links_2{ height: auto; /* background-color: #EEE; */ padding: 10px; border-radius: 12px; line-height: 1; display: block; color: #DDD;}
.site_links_2 a{ padding: 0 7px;}
.site_links_2 a:hover{ color: #00728f;}
#mainNavArea, #subNav_wrapper{background: none transparent; border: 0; margin: 0; border-bottom: 5px solid #FF9900;}
#search_wrapper{ margin: 0;}
.mainNavLink_on, .mainNavLink_off, .subNav_on, .subNavLeft_off, .subNavRight_off, .tab_nav, .tab_nav_on{
	background-color: transparent; background-image: none !important; border: 0; margin: 0; width: auto; height: auto;
	position: relative; top: 4px; background-color: #F90; border-radius: 5px 5px 0  0; margin-right: 10px;
}
.mainNavLink_on, .subNav_on, .tab_nav_on{ margin-bottom: -5px;}
.mainNavLink_on{ background: #FF9900; color: #FFF;}
.mainNavLink_off, .subNavLeft_off, .subNavRight_off, .tab_nav{ background-color: #FFF; color: #F90}
.mainNavLink_on a, .subNavLeft_off a, .subNav_on a, .subNavRight_off a, .tab_nav, .tab_nav_on{
	color: #FFF;
	height: auto;
	margin-top: 0;
	width: 0;
	}
.mainNavLink_off a, .subNavLeft_off a, .subNavRight_off a, .tab_nav{ color: #999;}
.mainNavLink_on a, .mainNavLink_off a, .subNavLeft_off a, .subNav_on a, .subNavRight_off a, .tab_nav, .tab_nav_on, 
div.myprofile_pagetitle, #login_box {
	background: none transparent;
	border: 0;
	margin: 0;
	padding: 10px 25px;
	border: 1px solid #EEE;
	border-radius: 5px 5px 0 0;
	width: auto;
	}
.mainNavLink_on a:hover, .mainNavLink_off a:hover, .subNav_on a:hover, .subNavLeft_off a:hover, .subNavRight_off a:hover, 
.tab_nav:hover, .tab_nav_on:hover{ text-decoration: none !important;} 
.mainNavLink_off a:hover, .subNavLeft_off a:hover, .subNavRight_off a:hover,
.tab_nav:hover, .tab_nav_on:hover{ background-image: none; background-color: #F90; color: #FFF;} 
.tab_nav_on, div.myprofile_pagetitle{ background: #F90;}
div.myprofile_pagetitle{ color: #666; margin-bottom: 15px; border-radius: 0; font-family: "Segoe UI";  background-color: #F6F6F6;}
a.tab_nav, a.tab_nav_on{ border-color: #EEE; padding: 7px 10px; margin-right: 15px;}
.tab_nav div, .tab_nav_on div{ padding: 0; margin: 0;}
#content_wrapper{ border: 1px solid #EEE; padding: 10px; margin-bottom: 20px; border-radius: 0 0 10px 10px;}
#content_area{ margin: 0;}
#column_long, #middle_column, #middle_long_column, #right_column{ margin-bottom: 10px; text-align: left;}
.table_header{ height: auto; }
.table_header td{ font-size: 1.15em; padding: 10px 0; border-top:0; background: #3399CC; height: auto;}
/*.table_main{ table-layout: fixed;}*/
#middle_column form[name="contentForm"] .table_main,
#middle_long_column .table_main{ table-layout: auto;}
.table_main td{ font-size: 12px; border-color: #EEE;}
.table_main td:first-child{ vertical-align: top; text-align: right;}
.table_header a{ color: #FFF; }
.table_header a, .table_main td .tips{ font-size: 14px; border-top: 0;}
.table_main td .tips{ color: #3399CC;}
.table_main input[type="checkbox"]{ border: 1px solid #EEE; margin: 5px;}
#button_wrapper{ display: table; clear: both; width: 98.5%; margin-top: 20px;
	margin: 20px 0 0 0; background-color:#FFF; padding: 10px; padding-top: 20px; border-top: 3px solid #EEE;
	}
#button_wrapper input{ }
#button_wrapper span{ margin-left: 0 !important;}
#footerCopyright{ padding: 15px 0; color: #FFF;}
#footerCopyright a{ color: #FFF;}
#footerCopyright a:hover{ color: #DDD;}

#button_wrapper_search input{ float: left;}
#left_column, #right_column, #left_column_popup{ float: left; width: 33%; margin-bottom: 20px;}
#left_column_popup{ width: 25%;}
#middle_column, #middle_long_column, #tab_page_wrapper{ margin: 0; margin-left: 15px; float: left; width: 65%; border-left: 1px solid #EEE; min-height: 300px; margin-top: 46px; background: #EEE; border-radius: 5px; margin-bottom: 20px;}
#middle_long_column, #right_column{ float: right; margin-left: 0;}
#middle_long_column{ margin-left: 0; margin-left: 15px;}
#tab_nav_wrapper{ border-bottom: 3px solid #F90;}
#tab_page_wrapper{ margin-top: 0; border: 0; margin-bottom: 0; width: 73%}
#subNav_wrapper_publish, #table_area_wrapper, #tab_nav_wrapper{ background: none #FFF;}
#search_wrapper{ border: 1px solid #EEE; padding: 5px; border-radius: 0 0 7px 7px;}
.search_scroll_area td[align="right"]{ text-align: left;}
.search_scroll_area table + table{ margin-top: 10px;}
.search_scroll_area #search_options + table { margin: 15px 0;}
.search_scroll_area select{max-width: 120px;}
#current_icon, #current_icon2{ padding-right: 5px;}
#filter_options{ }
.search_scroll_area input[type="text"], .search_scroll_area select{ padding: 3px; font-size: .8em;}
#search_matches{ font-size: 2em; text-align: left;}
#action_bar_wrapper{ position: absolute; right: 0; z-index: 2;}
#tab_content_area #action_bar_wrapper{ position: relative; right: auto; background: #FFF; /*border: 1px solid #EEE; border-radius: 0 0 7px 7px;*/}
#action_bar_wrapper p, #action_bar_wrapper ul{ font-size: .65em;}
#action_bar_wrapper div{ width: 100% !important;}
#action_bar_wrapper .toggle_button{ padding: 7px 15px;}
.action_create_new{ padding: 0; height: auto; line-height: 1;background: none transparent; margin: 0; margin-bottom: 10px;}
.search_area_with_nav{ border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; padding: 10px; height: 250px; overflow: auto;}
.search_area_nav{  line-height: 10px; padding: 10px; height: auto; vertical-align: middle; border-radius: 10px 10px 0 0;}
.search_area_with_nav + .search_area_nav{ background: #EEE; border-radius: 0 0 10px 10px;}
a.current_file, a:hover.current_file, div.current_file_on{ line-height: 1; display: block; float: none; 
	height: auto; width: auto; margin: 0; padding: 5px; border-radius: 7px; }
a:hover.current_file{ background: #00728f; color: #FFF; padding-left: 10px;}
a.current_file:hover{ text-decoration: none !important;}
.publish_area{ border: 1px solid #EEE; padding: 5px 10px; border-radius: 7px; text-align: left;}
span.grey_text, div.login_pagesubtitle{ font: inherit; color: inherit; margin: 0; line-height: 1.5; color: #00728f; font-weight: bold;}
.action_item_publish{ background: none;}
#button_wrapper_popup{ float: left; margin: 15px 0 !important; padding-left: 255px;}
select.change_status{ height: auto;}
div#passwordContent{ margin-left: 0 !important; padding: 0;}
form[name="contactUsForm"] td[align="center"]{
	text-align: left; padding-left: 144px;
}
input[size="75"]{ width: 75%;}
#tab_myprofile_wrapper{margin: 0;}
#tab_myprofile_area{ padding: 10px; border: 1px solid #EEE; }
.password_table { table-layout: fixed;}
input[type="password"]{ margin: 0;}
#password  td[width="40%"], .password_table  td[width="40%"], .password_table  td[width="30%"]{ width: 25%;}
.password_table  td{ text-align: left;}
#defaultClient .password_table  td[align="right"]{ text-align: right;}
#defaultClient td[width="30%"]{ width: 4%;}
#login_box td[align="center"]{ text-align: left;}
#defaultPage  td[width="40%"], #editor  td[width="40%"]{ width: 15%;}
#table_header_wrapper{ width: 100%;}
#table_area_wrapper{ overflow: auto; max-height: 400px;}
.search_scroll_area, .publish_area{ text-align: left;}
/* .table_main .text_modified{ width: 15% !important;}
.table_main .text_published{ width: 22% !important;} */
.table_main .text_modified{ font-weight: normal;}
form[name="publishForm"] #middle_long_column, 
form[name="publishForm"] #right_column{ float: left;}
form[name="publishForm"] #action_bar_wrapper{ left: 0;}
form[name="publishForm"] #right_column{ width: 25%;}
form[name="publishForm"] #middle_long_column{ width: 72%; margin-left: 0; margin-right: 15px; border-right: 1px solid #EEE; border-bottom: 1px solid #EEE;}
form[name="publishForm"] #button_wrapper span{ float: none !important;}
#table_popup_area_wrapper select, #table_popup_area_wrapper input[type="text"]{ width: 50%;}
#table_popup_area_wrapper .table_main_no_border{ text-align: left;}
#table_popup_area_wrapper .table_main_no_border td:first-child  strong{ margin-right: 15px;}
#subNav_wrapper_middle_column, #subNav_wrapper_right_column{ overflow: hidden;}
#import_button_wrapper{ display: block; overflow: hidden; }
#right_column {width: auto; float: left; margin-left: 15px;}
form[name="importerForm"] input[type="file"]{ font-size: 13px; padding: 7px; background: #EEE; font-family: "Segoe UI";}
form[name="createForm"] select{ background: none; color: #666;}
#overlayMsg{
	background: none #FFF !important;
    border: 0 none;
    height: auto;
    width: auto;
    padding: 20px !important;
    text-align: left;
}
#overlayMsg DIV.overlayTitle{ text-align: left !important; margin: 0 !important; }
.overlayContent{ margin: 40px 0 !important; text-align: left !important;}
.overlayButtons{ margin: 0 !important; text-align: left !important;}
#success{ margin-top: 10px; height: auto !important; }
#failure{ background: #FFE7DF !important; margin-top: 10px; height: auto !important; }
#failure div , #success div {font-weight: normal;}
textarea[name="contentAsString"]{ width: 95%; height: 300px; overflow: auto;}
textarea[name="notes"]{ width: 85%; height: 100px;}
#middle_long_column .table_main {table-layout: fixed}
#middle_long_column .table_main td[width="24%"], 
#middle_long_column .table_main td[width="26%"]{ width: 36%; }
#middle_long_column .table_main td[width="15%"]{ width: 10%; }
#middle_long_column .table_main td[width="20%"]{ width: 15%; }
#middle_long_column .table_main td[width="17%"]{ width: 18%; }

#middle_long_column #table_header_wrapper td[width="26%"]{ width: 37%; }
#middle_long_column #table_header_wrapper td[width="20%"]{ width: 16%; }
#ownership .table_header td{text-align: left;}
#tab_content_area #action_bar_wrapper, 
#ownership #action_bar_wrapper{padding: 10px;}
#relationship iframe{height: 350px;}
#content_editer_wrapper{ padding-left: 0;}
#viewDoc iframe{width: 98% !important;}
#history .input_button_right, #history #table_popup_area_wrapper{ float: none}
#tab_page_wrapper{background: none;}
.logo{ background:url(/CMS/web/images/logo.png) no-repeat; width: 146px; height: 100px; background-size: 100% 100%; margin-left: 20px; margin-bottom: 30px;}
.logo-client{background:url(/CMS/web/images/client-logo.png) no-repeat right;background-size: 150px;width: 100%;height: 100px;}
html{ background: #FFF;}
body{
	background-color: #eeeeee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FFF));
    background-image: linear-gradient(top, #EEE 35%, #FFF 80%);
    background-image: -moz-linear-gradient(top, #EEE 35%, #FFF 80%);
    background-image: -webkit-linear-gradient(top, #EEE 35%, #FFF 80%);
    background-image: -ms-linear-gradient(top, #EEE 35%, #FFF 80%);
}
.main-container{
	background: none;
}
.login-container{
	background-color: #eeeeee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
    background-image: linear-gradient(top, #FFF 35%, #EEE 80%);
    background-image: -moz-linear-gradient(top, #FFF 35%, #EEE 80%);
    background-image: -webkit-linear-gradient(top, #FFF 35%, #EEE 80%);
    background-image: -ms-linear-gradient(top, #FFF 35%, #EEE 80%);
	margin-top: 100px;
	padding: 10px 40px;
	border-radius: 5px;
	box-shadow: 0 0 15px #CCC;
}
.login-form{ margin-top: 10px;}
.left-section{box-shadow: 10px 0px 10px -8px #CCC;}
.btn + .btn { margin-left: 22px !important;}
#login_footerCopyright{height: auto;min-height: 25px;width: auto;color: #666;padding-left: 0;}
.form-group strong a{line-height: 2.5; font-size: 1em;/* font-weight: bold; */}
@media only screen and (max-width: 767px){
	.login-container{ margin-top: 15px;}
	.left-section{box-shadow: 0px 10px 10px -8px #CCC; padding-bottom: 10px; margin-bottom: 20px;}
}