/* CSS Document */

BODY {
  
    margin: 0px;
    background-color: #CCC;
   }
	
TABLE { font:11px Arial, Helvetica, sans-serif;}
A { color:#000;}
A.link_no_underline { text-decoration:none;}
H3 { float:left; position:relative; width:100%;font: bold 18px "tahoma", verdana, helvetica, arial, sans-serif; margin-bottom:15px; margin-top:0px;}
FORM { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
UL {margin-top:0px; padding-top:2px;}
UL#login_error {margin-bottom:0px;}
.hint { border-bottom:1px dashed black; cursor:pointer; font-weight:bold;}
.hint_icon { position:relative; float:left; cursor:pointer; }
SELECT { font-size:11px; line-height:25px; padding:0px; }

#centerStage{position:relative; float:left; text-align:center; width:100%; height:768px;}
#pageWrapper{position:relative; float:none; width:985px; height:630px; margin-left:auto; margin-right:auto; border:1px solid #666666; background-color:#fff;}
/*#pageWrapper_login{position:relative; float:none; width:985px; height:630px; margin-left:auto; margin-right:auto; }*/
#pageWrapper_login{
   
	 
    }


/************* Overlays ************************************************************************************/
#overlay_wrapper_small { position:fixed; z-index:5; left:0px; top:0px; background-color:#000; filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75; }
#overlay_wrapper_medium{ position:absolute; z-index:5; left:0px; top:0px; background-color:#000; filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75; }
#overlay_wrapper_large { position:absolute; z-index:5; left:0px; top:0px; background-color:#000; filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75; }

#overlay_inner_small   {position:absolute; top:0px; left:0px; z-index:10; height: 250px; width:500px; display:none; }
#overlay_inner_medium  {position:absolute; top:0px; left:0px; z-index:10; height: 250px; width:500px; display:none; }
#overlay_inner_large   {position:absolute; top:0px; left:0px; z-index:10; height: 500px; width:900px; display:none; }

/** Saved Edits Overlay **/
.saved_edits_image{position:relative; float:left; width:85px; height:235px; background-image:url('../images/edit_save.jpg'); background-repeat:no-repeat; margin-top:15px; margin-left:10px;}
.saved_edits_intro{position:relative; float:left; width:450px; text-align:left; margin-top:15px; margin-bottom:10px; margin-left:10px;}


/** Compare Overlay **/

.compare_intro { margin: 0px 0px 10px 30px;}
.compare_wrapper { float:left; width:970px; height:500px; overflow:auto; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-top:1px solid #fff;}
.compare_wrapper_margin { float:none; width:935px; margin: 5px;}
.compare_subwrapper_current { width: 485px; float: left; margin-left:10px;}
.compare_subwrapper_saved { width: 485px; float: left; margin-left:10px; }
.compare_spacer {width:1px; border-left: 1px solid #000; }
.compare_header {border-bottom: 1px solid #CCC; margin-bottom: 5px; margin-top: 5px; }
.compare_header_spacer {border-bottom: 1px solid #000; border-left: 1px solid #000;}

.compare_box_top { width: 100%; float: left; }
.compare_box_top_wrapper { float:left; margin: 0px 0px 0px 0px; }
.compare_box_top_image_current { float:left; background-image:url('../images/paper.jpg'); height:50px; width:50px; }
.compare_box_top_image_saved { float:left; background-image:url('../images/disk.jpg'); height:50px; width:50px; }
.compare_box_top_filedesc { float:left; font-size:12px; font-family:tahoma; padding-top:5px; margin-left: 10px; }
.compare_box_bottom { width: 100%; float: left;  }
.table_compare { }
.table_compare TD {overflow:hidden; font: normal 12px "tahoma", verdana, helvetica, arial, sans-serif;  color:#666; }
.table_compare A { font: bold 12px "tahoma", verdana, helvetica, arial, sans-serif;  color:#666; }
.table_compare A:HOVER { text-decoration:underline;}
.table_compare TD.label { height: 20px; line-height: 20px; text-align:left; vertical-align:top; font-weight:bold;  margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px; border-bottom: 1px solid #CCC;  }
.table_compare TD.labelLeft { font-family: Arial; height: 20px; line-height: 20px; text-align:left; vertical-align:top;  margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; color: #000;}
.table_compare TD.labelRight { font-family: Arial; height: 20px; line-height: 20px; text-align:left; vertical-align:top;  margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; color: #000;}
.table_compare TD.labelSpacer { border-bottom: 1px solid #C0C0C0; }

/***********************************************************************************************************/
/************************ Login Page ***********************************************************************/

#login_box_nobar{background: rgba(158, 158, 158, 0.47); position:relative; width:643px; height:378px; margin-left:auto; margin-right:auto; margin-top:148px;}
#login_box{position:relative; width:643px; height:425px; background-image:url("../images/table_header_bg.gif"); background-repeat:repeat-x; margin-left:auto; margin-right:auto; border:1px solid #c2c2c2; margin-top:20px;}
.login_button_wrapper{position:relative; float:left; width:auto; height:27px; margin:20px 0px 0px 10px;}
/*.login_bg_wrapper{position:relative; float:left; width:500px; height:392px; 
background: url("../images/logo.png") 10px 140px, linear-gradient(45deg, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 7%,rgba(184,186,198,1) 50%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%);
 background-repeat: no-repeat;
background-image:url("../images/login-background.jpg"); border: 1px solid #808080; */

}

/************************************************************************************************************/

/************************** HEADER **************************************************************************/
#header { float:left; position:relative; width:985px; height:110px; background-color:#CCCCCC;}
#header_logo { float:left; position:relative; width:300px; height:60px;}
#header_ptsbranding { float:right; position:relative; width:220px; height:60px; background-repeat:no-repeat; background-image:url(../images/ptsbranding.gif); margin-right:15px;}

/************************************************************************************************************/

/************** Top Navigation *******************************************************************************/

#mainNavArea { float:left; position:relative; width:985px; height:30px; background-color:#f2f2f2; background-image:url("../images/topNavBg.gif"); border-top:1px solid #999;}

#mainNavLinkArea { float:none; position:relative; width:945px; height:30px; margin-left:auto; margin-right:auto;}
.mainNavLink_off { float:left; position:relative; width:129px; height:29px; border-left:1px solid #999; text-align:center; background-color:#eaeaea;}
.mainNavLink_off A { float:left; position:relative; width:129px;  color:#999; font-weight:bold; margin-top:7px; text-decoration:none; }
.mainNavLink_off A:HOVER { text-decoration:underline;}
.mainNavLink_on { float:left; position:relative; width:129px; height:30px; border-left:1px solid #999; text-align:center; background-color:#FFF;}
.mainNavLink_on A { float:left; position:relative; width:129px;  color:#000; font-weight:bold; margin-top:7px; text-decoration:none;}
.mainNavLink_end { float:left; position:relative; height:30px; border-left:1px solid #999; }

/**************************************************************************************************************/

/************ Action Buttons ************************************************************************************/

#action_bar_wrapper{position:relative; text-align:left; width:100%; height:25px;}

.action_button_print { float:right; position:relative; height:20px; border:1px solid #999; line-height:20px; background: no-repeat  url("../images/action_button_print.gif"); padding:0px 10px 0px 25px; overflow:hidden; margin-top:15px;}
.action_button_print A, .action_button_print DIV { margin-top:2px; text-decoration:none;}
.action_button_print A:HOVER { text-decoration:underline;}

.action_create_new { float:right; position:relative; height:20px; line-height:20px; background: no-repeat  url("../images/icon_create_new.jpg"); padding:0px 10px 0px 25px; overflow:hidden; margin-top:15px;}
.action_action_create_new A, .action_action_create_new DIV { margin-top:2px; text-decoration:none;}
.action_action_create_new A:HOVER { text-decoration:underline;}


.action_item_publish { float:left; position:relative; height:35px; background: 3px #fff no-repeat url("../images/icon_publish.jpg");}
.action_item_publish DIV { color:#666; font-weight:bold; margin-left:40px; font-size:13px; margin-top:10px; margin-right:10px; line-height:30px;}

.action_item_workbox { float:left; position:relative; height:35px; background: 3px #fff no-repeat url("../images/icon_workbox.jpg");}
.action_item_workbox DIV { color:#666; font-weight:bold; font-size:13px; margin-left:50px; margin-top:10px; margin-right:10px; line-height:30px;}

.actions_change_status{position:relative; float:left; width:auto; height:25px; margin-right:5px; margin-top:5px;}
SELECT.change_status{font-size:11px; height:20px;}		


/****************************************************************************************************************/

/************* Content ******************************************************************************************/

#content_wrapper{position:relative; float:left; width:985px; height:459px; background-color:#FFFFFF;}

#content_wrapper_popup{position:relative; float:left; width:985px; height:500px; background-color:#FFFFFF;}

#content_editer_wrapper{position:relative; float:left; width:100%; margin-top:10px; height:auto; padding-left: 10px; padding-bottom: 5px; }

#content_area{ position:relative; float:none; width:945px; height:448px;;  margin-left:auto; margin-right:auto; margin-top:10px;}

#content_area_popup{ position:relative; float:none; width:945px; height:489px;  margin-left:auto; margin-right:auto; margin-top:10px;}

#left_column {position:relative; float:left;  width:272px; height:342px; margin-top:5px; border:1px solid #c2c2c2;}

#left_column_popup {position:relative; float:left;  width:272px; height:480px; margin-top:5px; border:1px solid #c2c2c2;}

#right_column {position:relative; float:left;  width:160px; height:342px; margin-left:10px; margin-top:5px; border:1px solid #c2c2c2;}

#middle_long_column{position:relative; float:left; width:723px; height:342px;  margin-top:5px; border-left:1px solid #c2c2c2; border-right:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2;}

#middle_column{position:relative; float:left; width:658px; height:342px;  margin-top:5px; margin-left:10px; border-left:1px solid #c2c2c2; border-right:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2;}

#column_long{position:relative; float:left; width:945px; height:342px;  margin-top:5px; /*margin-left:10px; margin-right:10px;*/ border-left:1px solid #c2c2c2; border-right:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2;}



/****************************************************************************************************************/


/************************* Input Button Sytles ******************************************************************/

#button_wrapper{position:relative; float:right; width:auto; height:27px; margin:10px 0px 0px 0px; padding-right:5px;}

#button_wrapper_search{position:relative; float:right; width:auto; height:27px; margin:0px 0px 0px 0px; }

#button_wrapper_popup{position:relative; float:right; width:auto; margin:0px 0px 0px 0px; padding:5px 0px 0px 0px;}


.input_button { 
position:relative; 
float:left; 
width:auto; 
border: #818080 1px solid; 
margin-top: 3px; 
font-size: 11px; 
background: #F8F8F8; 
margin-bottom: 1px; 
margin-left: 3px; 
color: #000; 
height: 22px; 
margin-right:9px; 	
}

.search_button { 
position:relative; 
float:left; 
width:auto; 
border: #818080 1px solid; 
margin-top: 3px; 
font-size: 11px; 
background: #F8F8F8; 
margin-bottom: 1px; 
margin-left: 3px; 
color: #000; 
height: 22px; 
margin-right:0px; 	
}

.toggle_button { 
position:relative; 
width:auto; 
border: #818080 1px solid; 
margin-top: 0px; 
font-size: 11px; 
background: #F8F8F8; 
margin-bottom: 1px; 
margin-left: 3px; 
color: #000; 
height: 19px; 
margin-right:0px; 
vertical-align:top;	
}

.input_button_left { 
position:relative; 
float:left; 
width:auto; 
border: #818080 1px solid; 
margin-top: 3px; 
font-size: 11px; 
background: #F8F8F8; 
margin-bottom: 1px; 
margin-left: 3px; 
color: #000; 
height: 22px; 
margin-right:9px; 	
margin-left:10px; 
}

.input_button_center { 
position:relative; 
float:center; 
width:auto; 
border: #818080 1px solid; 
margin-top: 3px; 
font-size: 11px; 
background: #F8F8F8; 
margin-bottom: 1px; 
margin-left: 3px; 
color: #000; 
height: 22px; 
margin-right:9px; 	
}

.input_button_right { 
position:relative; 
float:right; 
width: auto; 
border: #818080 1px solid; 
margin-top: 3px; 
font-size: 11px; 
background: #F8F8F8; 
margin-bottom: 1px; 
margin-left: 3px; 
color: #000; 
height: 22px; 
margin-right:9px;
}
/* Input buttons Styles */

div.form_action_buttons { position:relative; float:left; width: 100%;}

div.form_history_buttons { position:relative; float:left; width: 100%; margin-top: 10px; }

div.form_action_buttons2 { position:relative; float: left; width: 100%; text-align: right; border-top:1px solid #014075;}

INPUT {
FONT-SIZE: 11px;
}

TEXTAREA {
FONT-SIZE: 11px; font-family: "tahoma", verdana, helvetica, arial, sans-serif
}

INPUT.inputButtons {
BORDER-RIGHT: #999 1px solid; MARGIN-TOP: 3px; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND:#f0f0f0; FLOAT: right; MARGIN-BOTTOM: 1px; MARGIN-LEFT: 3px; COLOR: #000; BORDER-BOTTOM: #999 1px solid; POSITION: relative; HEIGHT: 25px; margin-right:5px; padding:0px 5px 0px 5px;}

INPUT.inputButtons_login {
BORDER-RIGHT: #999 1px solid; MARGIN-TOP: 3px; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: #f0f0f0; FLOAT: left; MARGIN-BOTTOM: 1px; COLOR: #000; BORDER-BOTTOM: #999 1px solid; POSITION: relative; HEIGHT: 25px; margin-right:5px; padding:0px 5px 0px 5px; cursor:pointer;}	 

A.inputButtons {
BORDER-RIGHT: #999 1px solid; MARGIN-TOP: 3px; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND:#f0f0f0; FLOAT: right; MARGIN-BOTTOM: 1px; MARGIN-LEFT: 3px; COLOR: #000; BORDER-BOTTOM: #999 1px solid; POSITION: relative; HEIGHT: 25px; margin-right:5px; padding:0px 5px 0px 5px; text-decoration:none; line-height:25px;}

/******************************************************************************************************************/

DIV.overlay_page_title{position:relative; float:left; width:100%; font-size:14px; border-bottom:1px solid black;}

#publish_wrapper{position:relative; float:left; width:208px; height:auto; margin-top:5px;}
.publish_area{position:relative; float:none; width:195px; height:305px; margin-left:auto; margin-right:auto; overflow:auto;}

#search_wrapper{position:relative; float:left; width:272px; height:auto; margin-top:5px;}
.search_area{position:relative; float:none; width:260px; height:305px; margin-left:auto; margin-right:auto; overflow:auto;}
.search_area_with_nav{position:relative; float:none; width:260px; height:255px; margin-left:auto; margin-right:auto; overflow:auto;}
.search_scroll_area {position:relative; float:left; width:240px; margin-left:auto; margin-right:auto; }
.search_area_popup{position:relative; float:none; width:260px; height:435px; margin-left:auto; margin-right:auto; overflow:auto;}
#search_matches { font-weight:bold; color:#f7941d; text-align: center; }
#SelectProject { float:left; position:relative; height:25px; line-height:18px; vertical-align:middle; margin-right:5px;}

#subNav_wrapper{position:relative; float:left; width:272px; height:30px;/* background-color:#FF0000;*/ background-image:url("../images/topNavBg.gif");}
#subNav_wrapper_publish{position:relative; float:left; width:207px; height:30px;/* background-color:#FF0000;*/ background-image:url("../images/topNavBg.gif");}

.subNav_off { float:left; position:relative; width:136px; height:30px; text-align:center; background-color:#eaeaea;}
.subNav_off A { float:left; position:relative; width:136px; color:#999; font-weight:bold; margin-top:7px; text-decoration:none;}
.subNav_off A:HOVER { text-decoration:underline;}
.subNav_on { float:left; position:relative; width:136px; height:30px; text-align:center; background-color:#FFF;}
.subNav_on A { float:left; position:relative; width:136px; color:#000; font-weight:bold; margin-top:7px; text-decoration:none;}

.subNavRight_off { border-left: 1px solid #C2C2C2; float:left; position:relative; width:135px; height:30px; text-align:center; background-color:#eaeaea;}
.subNavRight_off A { float:left; position:relative; width:135px; color:#999; font-weight:bold; margin-top:7px; text-decoration:none;}
.subNavRight_off A:HOVER { text-decoration:underline;}
.subNavLeft_off { border-right: 1px solid #C2C2C2; float:left; position:relative; width:135px; height:30px; text-align:center; background-color:#eaeaea;}
.subNavLeft_off A { float:left; position:relative; width:135px; color:#999; font-weight:bold; margin-top:7px; text-decoration:none;}
.subNavLeft_off A:HOVER { text-decoration:underline;}

.login_error{color: rgba(239, 34, 19, 0.8);font-weight: bold;font-size: 18px;width: auto;border: 2px solid #FFF;background-color: rgba(243, 239, 239, 0.81);/* padding: 25px; *//* margin: 25px; */}

.password_table{position:relative; float:left;}

.site_links{position:relative; float:right; width:auto; margin-top:45px; margin-right:10px; font:11px Arial, Helvetica, sans-serif;}

.site_links_2{position:relative; float:right; width:auto; height:25px; line-height:18px;}

SPAN.grey_text {position:relative; float:left; margin:8px 0px 0px 5px; font: bold 11px "tahoma", verdana, helvetica, arial, sans-serif;  color:#666;} 
.login_table{position:relative; float:left; margin-top:25px;}

DIV.myprofile_pagetitle{position:relative; float:none; width:600px; margin-top:5px; margin-left:auto; margin-right:auto; text-align:left; padding-left:0px; font: bold 14px "tahoma", verdana, helvetica, arial, sans-serif; line-height:20px; color:#fff;}

DIV.login_pagetitle{position:relative; float:none; width:600px; margin-top:50px; margin-left:auto; margin-right:auto; text-align:left; padding-left:5px; font: bold 14px "tahoma", verdana, helvetica, arial, sans-serif; border-bottom:1px solid #c2c2c2; line-height:20px; color:#235687;}
DIV.login_pagesubtitle{position:relative; float:none; width:575px; margin-top:20px; margin-left:10px; margin-right:10px; text-align:left; padding-left:5px; font: bold 11px "tahoma", verdana, helvetica, arial, sans-serif; border-bottom:1px solid #c2c2c2; line-height:20px; color:#404040;}
.login_pagetitle{position:relative;float:none;margin-left:auto;margin-right:auto;text-align:left;padding-left:5px;font: bold 18px "tahoma", verdana, helvetica, arial, sans-serif;color: #FFF;padding-bottom: 15px;}

DIV.message{position:relative; float:none; width:600px; margin-left:auto; margin-right:auto; text-align:left; padding-left:5px; font: bold 11px "tahoma", verdana, helvetica, arial, sans-serif; color: #FF0000;}

DIV.login_line_break{position:relative; float:none; width:600px; margin-top:10px; margin-left:auto; margin-right:auto; border-bottom:1px solid #c2c2c2; overflow:hidden;}
.site_links_2{position:relative; float:right; width:auto; height:25px; line-height:18px;}

SPAN.grey_text {position:relative; float:left; margin:5px 0px 0px 5px; font: bold 11px "tahoma", verdana, helvetica, arial, sans-serif;  color:#666;} 


.table_main TD { border-top: 1px solid #ccc; height:20px; overflow:hidden;  /*padding-left:8px; padding-right:8px;*/ padding-top:5px; padding-bottom:5px;}
.table_main A,  .table_main_single DIV { font: bold 12px "tahoma", verdana, helvetica, arial, sans-serif;  color:#666; }
.table_main A:HOVER { text-decoration:underline;}
.table_main_no_border TD{border-top:none; padding:0px; height:16px; line-height:16px;}
.table_main .text_modified{ font-weight:bold; color:#666;}
.table_main .text_approved{font-weight:bold; color:#00a650;}
.table_main .text_published{font-weight:bold; color:#f7941d;}


A.current_file{ position:relative; float:left; width:100%; padding-left: 3px; height:17px; cursor:pointer; text-align:left; color:#666666; margin-bottom:5px; line-height:17px}
A.current_file_on{position:relative; float:left; width:100%; padding-left: 3px; height:17px; cursor:pointer; text-align:left; margin-bottom:5px; color:#000; font-weight:bold; background-color:#FFFFDD; line-height:17px}
DIV.current_file_on{position:relative; float:left; width:100%; padding-left: 3px; height:17px; text-align:left; margin-bottom:5px; color:#000; font-weight:bold; background-color:#FFFFC0; line-height:17px}

A:HOVER.current_file{background-color:#FFFF80; position:relative; float:left; width:100%; padding-left: 3px; height:17px; cursor:pointer; text-align:left; color:#000; margin-bottom:5px; line-height:17px}

SPAN.main_details {position:relative; float:left; width:170px; height:auto; font: bold 11px "tahoma", verdana, helvetica, arial, sans-serif;  color:#666; padding-left:5px; padding-bottom:5px; border-bottom:1px solid #ccc;}
//.table_main_details {position:relative; float:left; width:150px; height:auto; margin-left:10px; font: bold 11px "tahoma", verdana, helvetica, arial, sans-serif;  color:#666; border-bottom:1px solid #ccc; padding-bottom:5px; background: #FCFCFC;}
DIV.main_details_wrapper{position:relative; float:left; width:100%;}

DIV.main_details_notes{position:relative; float:right; width:60%;}

DIV.clientDetails{position:relative; float:left;}

SPAN.main_details {position:relative; float:left; width:170px; height:auto; font: bold 11px "tahoma", verdana, helvetica, arial, sans-serif;  color:#666; padding-left:5px; padding-bottom:5px;}
DIV.clientDetails{position:relative; float:left;}

SPAN.main_details {position:relative; float:left; width:170px; height:auto; font: bold 11px "tahoma", verdana, helvetica, arial, sans-serif;  color:#666; padding-left:5px; padding-bottom:5px;}


/* Confirmation Styles */

#success { position:relative; width:auto; height:40px; border:1px solid #B2E094; background: 3px #DEF9CE no-repeat url("../images/success.gif"); text-align: left; }
#success DIV { color:#009900; width:auto; font-weight:bold; margin-left:40px; margin-top:10px; margin-right:10px; text-align: left; }
#doc_success { float:left; position:relative; height:40px; border:1px solid #B2E094; background: 3px #DEF9CE no-repeat url("../images/success.gif"); margin-left:150px; }
#doc_success DIV { color:#009900; font-weight:bold; margin-left:40px; margin-top:10px; margin-right:10px;}

#warning { position:relative; width:auto; height:40px; border:1px solid #FFCC33; background: 3px #FFFFC0  no-repeat url("../images/warn.gif"); text-align: left; }
#warning DIV { color:#FF9900; width:auto; font-weight:bold; margin-left:40px; margin-top:10px; margin-right:10px; text-align: left; }
#doc_warning { float:left; position:relative; height:40px; border:1px solid #FFCC33; background: 3px #FFFFC0  no-repeat url("../images/warn.gif"); margin-left:150px; }
#doc_warning DIV { color:#FF9900; font-weight:bold; margin-left:40px; margin-top:10px; margin-right:10px;}


#failure { position:relative; width:auto; height:40px; border:1px solid #F0BFC0; background: 3px #FFE7DF no-repeat url("../images/failure.gif");}
#failure DIV { color:#CC0000; width:auto; font-weight:bold; margin-left:40px; margin-top:10px; margin-right:10px; text-align: left; }
#doc_failure { float:left; position:relative; height:40px; border:1px solid #F0BFC0; background: 3px #FFE7DF no-repeat url("../images/failure.gif"); margin-left:150px; }
#doc_failure DIV { color:#CC0000; font-weight:bold; margin-left:40px; margin-top:10px; margin-right:10px;}

.table_main_details {position:relative; float:left; width:97%; height:auto; margin-left:10px; font: bold 11px "tahoma", verdana, helvetica, arial, sans-serif;  color:#666; border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding-bottom:5px;}
DIV.table_main_collasp{position:relative; float:left; text-decoration:none; cursor:pointer; color:#666; font-size:11px; width: 12px; }

#tab_myprofile_wrapper { float:left; position:relative; width:600px; height:275px; margin:5px 0px 0px 10px;}
#tab_myprofile_area { float:left; position:relative; width:600px; height:275; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-top:1px solid #fff;}

#tab_page_wrapper { float:left; position:relative; width:650px; height:500px; margin:5px 0px 0px 10px;}
#tab_nav_wrapper { float:left; position:relative; width:100%; height:30px; overflow:hidden; background-image:url("../images/tab_nav_background.gif");}
.tab_nav{ float:left; position:relative; height:30px; border-top:1px solid #ccc; border-right:1px solid #ccc; margin-right:5px; background-color:#E1E1E1;}
.tab_nav_on { float:left; position:relative; height:30px; border-top:1px solid #ccc; border-right:1px solid #ccc; margin-right:5px; background-color:#fff; font-weight:bold;}
.tab_nav DIV, .tab_nav_on DIV { margin-top:8px; margin-left:12px; margin-right:12px; font-weight: bold;}
A.tab_nav, A.tab_nav_on { text-decoration:none; border-left:1px solid #ccc;}
A:HOVER.tab_nav, A:HOVER.tab_nav_on { text-decoration:underline;}
#tab_content_area { float:left; position:relative; width:650px; height:450; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-top:1px solid #fff;}
#table_header_wrapper{position:relative; float:left; width:100%; height:auto;}
#table_area_wrapper{position:relative; float:left; width:100%; height:310px; vertical-align:top; overflow:auto;}
#table_popup_area_wrapper{position:relative; float:left; width:100%; height:350px; vertical-align:top; overflow:auto;}
#table_popup_area_wrapper_relationship{position:relative; float:left; width:100%; height:400px; vertical-align:top; overflow:auto;}

.table_header {position:relative; background-color:#e8e8e8; height:28px; background: #efefef repeat-x url("../images/table_header_bg.gif"); vertical-align:middle; overflow:hidden;}
.table_header A,  .table_header_single DIV { font: bold 12px "tahoma", verdana, helvetica, arial, sans-serif;  color:#666; }
.table_header A:HOVER { text-decoration:underline;}
.table_header DIV { font: bold 12px "tahoma", verdana, helvetica, arial, sans-serif;  color:#666; text-decoration:none;}
.table_header TD { border-top: 1px solid #ccc;}

.TABLEDATA { float:left; position:relative; width:985px; background-color:#fff; margin-bottom:15px;}
.TABLEDATA TD { height:20px; overflow:hidden;  padding-left:8px; padding-right:8px; padding-top:5px; padding-bottom:5px;}

.tabledata_edit { float:left; position:relative; background-color:#fff;}



#user_info_wrapper{position:relative; float:left; width:985px; height:25px; background-color:#fff; padding-top:5px; padding-bottom:5px;}
#user_info_area{position:relative; float:none; width:945px; height:20px; margin-left:auto; margin-right:auto;}
.user_info{position:relative; float:left; width:375px; height:20px; text-align:left; line-height:18px;  padding-left:5px; padding-right:5px;}

#overlayMsg { position:relative; width:500px; height:250px; border:2px solid #5A70A2; background: 25px #FFF no-repeat url("../images/icon_info.jpg"); }
#overlayMsg DIV { color:#5A70A2; width:auto; font-weight:bold; margin-top:50px; margin-right:25px; margin-left:50px; text-align: center; font-size: 10pt; }
#overlayMsg DIV.overlayTitle { color:#5A70A2; font-weight:bold; width: 100%; font-size: 12pt; text-align: center; margin-top: 20px; margin-bottom: 40px; }
#overlayMsg DIV.overlayContent { color:#000; font-weight:normal; width: 100%; font-size: 10pt; text-align: center; margin-top: 5px; margin-bottom: 25px;  }
#overlayMsg DIV.overlaybuttons { color:#5A70A2; font-weight:bold; width: 100%; font-size: 10pt; text-align: center; margin-top: 5px;  }

/* Need to display the messages differently in the overlay message */
#overlayMsg DIV#warning { height:40px; margin: 5px 5px 5px 5px; color:#FF9900;}
#overlayMsg DIV#warning DIV { margin: 15px 0px 0px 10px; color:#FF9900;}
#overlayMsg DIV#success { height:40px; margin: 5px 5px 5px 5px; color:#009900;}
#overlayMsg DIV#success DIV { margin: 15px 0px 0px 10px; color:#009900;}
#overlayMsg DIV#failure { height:40px; margin: 5px 5px 5px 5px; color:#CC0000;}
#overlayMsg DIV#failure DIV { margin: 15px 0px 0px 10px; color:#CC0000;}

#overlaySuccess { position:relative; width:500px; height:250px; border:2px solid #B2E094; background: 25px #FFF no-repeat url("../images/success_large.jpg"); }
#overlaySuccess DIV { color:#B2E094; width:auto; font-weight:bold; margin-top:50px; margin-right:25px; margin-left:50px; text-align: center; font-size: 10pt; }
#overlaySuccess DIV.overlayTitle { color:#009900; font-weight:bold; width: 100%; font-size: 12pt; text-align: center; margin-top: 20px; margin-bottom: 40px; }
#overlaySuccess DIV.overlayContent { color:#000; font-weight:normal; width: 100%; font-size: 10pt; text-align: center; margin-top: 5px; margin-bottom: 25px;  }
#overlaySuccess DIV.overlaybuttons { color:#009900; font-weight:bold; width: 100%; font-size: 10pt; text-align: center; margin-top: 5px;  }

#overlayError { position:relative; width:500px; height:250px; border:2px solid #D43D2A; background: 25px #FFF no-repeat url("../images/failure_large.jpg"); }
#overlayError DIV { color:#D43D2A; width:auto; font-weight:bold; margin-top:50px; margin-right:25px; margin-left:50px; text-align: center; font-size: 10pt; }
#overlayError DIV.overlayTitle { color:#D43D2A; font-weight:bold; width: 100%; font-size: 12pt; text-align: center; margin-top: 20px; margin-bottom: 40px; }
#overlayError DIV.overlayContent { color:#D43D2A; font-weight:normal; width: 100%; font-size: 10pt; text-align: center; margin-left: 40px; margin-top: 5px; margin-bottom: 25px;  }
#overlayError DIV.overlaybuttons { color:#D43D2A; font-weight:bold; width: 100%; font-size: 10pt; text-align: center; margin-top: 5px;  }

#alert { width:100%; background: 3px #FFFFC0  no-repeat url("../images/warn.gif"); background-color:#FFFFC0; text-align:left; color:#FF9900; border: 1px solid #FFCC33; font-weight:bold; font-size:10pt; margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px; }
#alert DIV.alertContent { position: relative; margin-left: 30px; text-align:left; color:#FF9900; font-weight:bold; font-size:10pt; }
#pleaseWait { font-size: 11px; font-weight: normal; color: #000; font-family: Arial; background-color: #FFF; }
#passwordContent { text-align:left; padding: 10px 25px 5px 25px;}

#errorBody {background-color:#FFF; font-family: Arial; }
#errorTitle { width:100%; font: bold 14px Arial; margin: 5px 5px 5px 5px; color: #000; background: #efefef repeat-x url("../images/table_header_bg.gif");}
#errorContent { width:100%; font: normal 12px Arial; margin: 25px 25px 25px 25px; background-color:#FFF;} 

#myprofile_scroll_area {position:relative; float:left; width:100%; height:150px; vertical-align:top; overflow:auto;}
.search_area_nav { height: 25px; line-height: 25px;}



#autoComplete { width: 375px; height: 200px; }
.autoCompleteScroll { position:relative; width:375px; height: 200px; overflow: auto; }
.autoCompleteLink { position:relative; width:350px; padding-left: 3px; cursor:pointer; text-align:left; color:#666; margin-bottom:3px; line-height:17px}
A.autoCompleteLink { position:relative; width:350px; cursor:pointer; text-align:left; color:#666; text-decoration: none;}
A:HOVER.autoCompleteLink {background-color:#FFFF80; text-decoration: none; color:#000;}
.autoCompleteButton { position: relative; float:right; width:375px; margin-top: 10px;}

SPAN.normal { background-color:#FFF; color: #000; line-height: 18px; }
SPAN.insert { background-color:#80FF80; color: #000; padding: 1px 1px 1px 1px; line-height: 18px;}
SPAN.delete { background-color:#FF8080; color: #000; padding: 1px 1px 1px 1px; line-height: 18px;}
DEL.delete { background-color:#FF8080; color: #000; padding: 1px 1px 1px 1px; line-height: 18px;}

#footerCopyright { position:relative; float:none; width:985px; height:20px; line-height:20px; margin-left:auto; margin-right:auto; text-align: left;}
#login_footerCopyright {position:relative;float:left;width:643px;height:20px;line-height:20px;margin-left:auto;margin-right:auto;text-align: left;color: #FFF;font-weight: bold;padding: 20px;}

.newfeatures {color:#FF0000; font-weight:bold;}

#login_footerCopyright A {color: #3399CC;font-weight:bold;}


#pageWrapper_login  table td, a {/* color: #FFF; */font-size: 16px;}

#pageWrapper_login {
 background: url("../images/login-background.jpg") no-repeat top left;
 height: 100%;
 background-size: cover;
 width: 100%;
}

#pageWrapper_login #header {
    height: 100px;
    background: no-repeat url(https://devm.lifeatworkportal.com/oneportal-static/static/rwd/119/1/images/logo.png) 15px -11px;
    /* border-bottom: 1px solid #EEE; */
    width: 100%;
    margin-bottom: 0;
}


#footerCopyright {font-weight: bold;}

#pageWrapper_login{ 
width: 87%;
margin: 0px 89.5px;}


#content_wrapper #column_long form[name="contentForm"] #table_area_wrapper .table_main td a {word-break: break-word;}

.site_links_2{padding-left: 5px !important;}

#middle_column form[name="contentForm"] #table_area_wrapper .table_main td a {word-break: break-word;}

#middle_long_column #table_area_wrapper .table_main td a {word-break: break-word;}

#search_wrapper .search_area_popup .current_file_on {
    word-break: break-word;
}

.cluetip-default #cluetip-inner {
 word-break: break-word;
}