﻿@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}

html
{
	background-color:#cccccc;
	height:100%;
}

body
{
	height:100%;
	width:1000px;
	padding:0px;
	margin:0 auto;    
	font-family: verdana, "trebuchet MS", helvetica, sans-serif;
	font-size: 12px;
	background-color:White;
}

form
{
	height:100%;
}

.ApplicationMessageContainer
{
	position:fixed;
	bottom:10px;
	right:10px;
	z-index: 20000 !important;   
}
			

.ApplicationMessage
{
	max-width:300px;
	border:3px solid #666666;
	padding:10px;
	background:#FFFFFF url("../Images/delete.jpg") no-repeat right top;
	display:none;
	cursor:pointer;
	box-shadow: 7px 7px 5px #888;
	-moz-box-shadow: 7px 7px 5px #888;
}

.ModalUnder
{
	position:fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	   
	z-index:99999999 !important; 
	
	background:#000000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;	
}

.TimeoutNotificationWrapper
{
	z-index:100000000 !important;
	position:fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	   
	text-align:center;
	display:table;
}

.TimeoutNotificationContainer
{
	display: table-cell;
	
	vertical-align:middle;
}

.TimeoutNotification
{
	margin:auto;
	padding:20px;
	background:#FFFFFF;
	border:3px solid #666666;
	display:inline-block;
	
	color:#444444;
	text-align:left;
}

/* -----------------------------------------------------------------------------------------------------------
Main Page Structure & Layout
-------------------------------------------------------------------------------------------------------------*/

.Wrapper
{
	width:1000px;
	top:0px;	
	background-color:White;
	min-height:100%;
	margin: 0 auto;
	overflow:hidden;
}

.Main
{
	width:100%;  
	height:100%;
	min-height:100%;
	padding-bottom:35px;  /*stay off the footer 
	overflow:hidden;*/
}

.Footer
{
	clear:both;
	width:1000px;
	height:35px;
	margin :-35px auto 0 auto;
	/*background:#eaeaea url("Images/footer.png") repeat;*/
	text-align:center;
	background-color:#cccccc;
}

.Sidebar
{
	padding-bottom: 4000px;
	margin-bottom: -3970px;
}

.Sidebar: after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.LoadingPanel
{
    position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:#EEE url("../Images/LoadingCircle.gif") no-repeat center;
	z-index:90000 !important;
	text-align:center;
}

.LoadingPanel div
{
	position:absolute;
	top:50%;
	width:100%;
	font-weight:bold;
	font-size:25;
	color:#333; 
}

/*=============================================
Account Chooser && Menu - SubMenu
==============================================*/

.AccountTilesContainer
{
	width:100%;
	text-align:center;
}

.AccountsTitleChooser
{
	display:block;
    color: #FFFFFF;    
    background: #7f7fb2;
	font-size:20px;
	border:1px solid #1b1b76;
	margin:0 auto 10px auto;
	padding:5px 10px 5px 10px;
	width:900px;
}

.AccountTileChooser
{
	display:block;
	border:1px solid #1b1b76;
	text-align:left;
	text-decoration:none;
	margin:0 auto 10px auto;
	padding:10px;
	width:900px;
	cursor:pointer;
	overflow:auto;
}

.AccountTileChooser .AccountInfo
{
	margin-left:120px;
	display:block;
}

.AccountTileChooser .AccountImage
{
	float:left;
}

.AccountTileChooser .AccountTitle
{
	color: #000080;
	font-size:16px;
	white-space:nowrap;
	display:block;
	border-bottom:1px solid #666666;
}

.AccountTileChooser .AccountTitleRight
{
	float:right;
}

.AccountTileChooser .AccountDesc
{
	font-size:11px;
	font-style:italic;
	color:#5f5f5f;
	white-space:nowrap;
	line-height:14px;
}

.AccountDescItem
{
	display:block;
	padding:0px;
	margin:0px;
}


/*************************************************************************/

.SubMenu
{
	margin-left:-32px;
	margin-right:-49px;
	padding:0px;
}

.SubMenuColumn
{
}

.AccountsTitleMenu
{
    display:block;
	border:1px solid transparent;
    border-bottom:1px solid #666666;
    margin:5px 0 5px 5px;
    padding-left:5px;
    color:#666666;
}

.SubMenuItem, .SubMenuItemSelected, .AccountTileMenu, .AccountTileMenuSelected
{
	width:250px;
	margin:5px 0 5px 5px;
	padding:5px;
	border:1px solid transparent;
	display:block;
	text-decoration:none;
	text-align:left;
	overflow:auto;
}

.SubMenuItem, .AccountTileMenu
{    
	/*border:1px solid #c5c5c5;*/
}

.SubMenuItem:hover,  .AccountTileMenu:hover
{
	background:#c8c8c8;
	border:1px solid #666666;
}

.SubMenuItemSelected, .AccountTileMenuSelected
{    
	background:#e8e8e8;
	border:1px solid #666666;
}

.SubMenuItemImage, .AccountTileMenu .AccountImage, .AccountTileMenuSelected .AccountImage
{
	float:left;
}

.SubMenuItemInfo, .AccountTileMenu .AccountInfo,  .AccountTileMenuSelected .AccountInfo
{
	margin-left:40px;
	display:block;
}

.SubMenuItemTitle, .AccountTileMenu .AccountTitle, .AccountTileMenuSelected .AccountTitle
{
	color: #000080;
	font-size:16px;
	white-space:nowrap;
	display:block;
	border-bottom:1px solid #666666;
}

.AccountTileMenu .AccountTitleRight, .AccountTileMenuSelected .AccountTitleRight
{
	display:block;
	font-size:11px;
	line-height:13px;
}

.SubMenuItemSelected .SubMenuItemTitle, .AccountTileMenuSeletected AccountTitle
{
	color:#111111;
}

.SubMenuItemDesc, .AccountTileMenu .AccountDesc, .AccountTileMenuSelected .AccountDesc
{
	font-size:11px;
	font-style:italic;
	color:#5f5f5f;
	white-space:nowrap;
	line-height:14px;
}

.SubMenuItem:hover .SubMenuItemDesc, .SubMenuItemSelected .SubMenuItemDesc, .AccountTileMenu:hover .AccountDesc, .AccountTileMenuSelected .AccountDesc
{    
	color:#111111;
}


/*=============================================
My Classes 
==============================================*/

fieldset
{
	border-width:1px;
	border-color:Gray;
}
.Green
{
	border: 2px solid #00CC00;
}
legend
{
	color:Navy;
	font-weight:bold;
	margin-left:10px;
}

.LinkButton
{
	text-decoration:none;
	/*border:2px solid #7f7fb2; */
	border: 1px solid #000000;
	font-weight:bold;
	padding:4px;    
	display:inline-block; /* IE7 fix */
	color: #ffffff !important;
	background: #7f7fb2 !important;
}

.LinkButtonSmall
{
	text-decoration:none;
	font-size:smaller;
	/*border:2px solid #7f7fb2; */
	font-weight:bold;
	border: 1px solid #000000;
	padding:2px 4px;    
	display:inline-block; /* IE7 fix */
	color: #ffffff !important;
	background: #7f7fb2 !important;
	margin-bottom:2px;
	width:75px;
}

.PadLeft
{    
	margin:0 0 0 4px;
}

.PadRight
{
	margin:0 4px 0 0;
}

.White
{
	background:#FFFFFF;
}

.BlackText
{
	color:Black;
}

.pad
{
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}
.userpad
{
	padding-left:30px;
	padding-right:30px;
}
.editpad
{
	padding-left:30px;
	padding-right:30px;
	background-color:#F5F5F5;
	font-size:11px;
}
.editpadborder
{
	padding-left:30px;
	padding-right:30px;
	background-color:#F5F5F5;
	font-size:11px;
	border:1px solid gray;
	padding-bottom:5px;
}
.highlight
{
	border: solid 1px red;
	padding: 2px;
}

.phone
{
	width:94px !important;
}
.phoneExt
{
	width:40px;
}
.zip
{
	width:70px;
}
.zipPlus
{ 
	width:50px;
}
.fsBorder
{
	/*background-color:#f5f5f5;*/
	padding:20px;
}
.fsInnerTable
{
	margin:10px;
	width:95%;
}
.fsInner
{
	margin:10px;
}
.attachments
{
	margin-right:8px;
	background-color:white;
	padding-left:2px;
	padding-right:2px;
	border:solid 1px black;
	display:inline-block;
	margin-bottom:2px;
}
.Appointment
{
	_ackground: #7f7fb2 none repeat scroll 0 0;
	background: #7f7fb2;
	color:White !important;
	border-color: #F6FAFF -moz-use-text-color #A7C0DF;
	border-style: solid none;
	border-width: 1px 0;
}

.Appointment a
{
	color:White !important;
}

/*============================================*/
.AutoHeight   
{   
   height:100%;   
   position:relative;
}   

.AutoHeightMain   
{   
   position:relative;
	top: 0px;
	left: 0px;
	height: 432px;
}   

.AutoWidth  
{      
	position:relative;
}   

.AutoHome
{      
   position:relative !important;
   zoom: 1;
}   

.AutoHeight2   
{     
   position:relative;
}   

.ContentTitle
{
	position:fixed;
	top:85px;
	left:0px;
	right:0px;
	height:24px;
	background:url("Images/title_bar_back.png");
	line-height:22px;
	padding-left:10px;
	text-align:left;
	color:#FFF;
	font-family: Charcoal, sans-serif;
	font-weight:bold;
	font-size:12px;
}

.TabsBar
{
	position:relative;
	top:0px;
	left:-8px;
	right:0px;
	width:100%;
	height:26px;
	line-height:22px;
	padding-left:10px;
	text-align:left;
	color:#FFF;
	font-family: Charcoal, sans-serif;
	font-weight:bold;
	font-size:12px;
	z-index:1000;
}

.ApplicationContentWrapper
{        
	top:111px;
	height:100%;
	z-index:599;
	width:98%;
	left:199px;
	position:fixed;
	background-color:transparent;
	overflow:auto;

}
.HomeContent
{        
	top:0px;
	position:relative;
	width:100%;
	overflow:visible;
}
.ApplicationContent 
{
   height:100%;
   position:relative;
}

/* -----------------------------------------------------------------------------------------------------------
Password Strength
-------------------------------------------------------------------------------------------------------------*/

.PasswordStrength1
{
    padding:3px;
    border:0px solid #FF4444;
    color:#FF4444;
    font-weight:bold;
}

.PasswordStrength2
{
    padding:3px;
    border:0px solid #FFAA65;
    color:#FFAA65;
    font-weight:bold;
}

.PasswordStrength3
{
    padding:3px;
    border:0px solid #66BBFF;
    color:#66BBFF;
    font-weight:bold;
}

.PasswordStrength4
{
    padding:3px;
    border:0px solid #44CC44;
    color:#44CC44;
    font-weight:bold;
}

/* -----------------------------------------------------------------------------------------------------------
Styling & Markup
-------------------------------------------------------------------------------------------------------------*/

.MainTitle
{
	display:block;
	color:#1a1a76;
	margin: 5px 0 7px 0;
	font-family: Charcoal, sans-serif;
	font-weight:bold; 
	font-size:17px;
	text-decoration:underline;
	text-align:center;
}

.CategoryTitle
{
	color:#1a1a76;
	margin: 5px 0 7px 15px;
	font-family: Charcoal, sans-serif;
	font-weight:bold;
	font-size:13px;
	text-decoration:underline;
	text-align:left;
}

.ItemTitle
{
	display:block;
	color:#1a1a76;
	margin: 2px 0 3px 10px;
	font-family: Charcoal, sans-serif;
	font-weight:bold;
	font-size:11px;
	text-decoration:underline;
	text-align:left;
}

.FormLabelTitle
{
	color:#1a1a76;
	font-family: Charcoal, sans-serif;
	font-size:12px;
}




/* -----------------------------------------------------------------------------------------------------------
Workbin Stuff - Doubles for Messaging
-------------------------------------------------------------------------------------------------------------*/
.RowViewed td, .RowNew td, .RowCompleted td, .RowDefault td
{
	padding:5px 5px 1px 5px !important;
}

.RowViewed a, .RowNew a, .RowCompleted a, .RowDefault a
{
	color:#000000;
}

.RowNew
{
	font-weight:bold;
    background:#FFFFFF;
}
.RowNew td { border-bottom:1px solid #e5e5e5 !important; }
.RowNew .RadToolBar
{
	font-weight:normal;
	border:1px solid #e5e5e5;
}

.RowViewed
{
	background:#FFF3D9;
}
.RowViewed td { border-bottom:1px solid #DAC493 !important; }
.RowViewed .RadToolBar
{
	font-weight:normal;
	border:1px solid #DAC493;
}

.RowCompleted
{
	background:#DDE5FF;
}
.RowCompleted td { border-bottom:1px solid #96A6DA !important; }
.RowCompleted .RadToolBar
{
	font-weight:normal;
	border:1px solid #96A6DA;
}

.RowDefault
{
    background:#efefef;
}
.RowDefault td { border-bottom:1px solid #b3b3b3 !important; }
.RowDefault .RadToolBar
{
	font-weight:normal;
	border:1px solid #b3b3b3;
}

.rgSelectedRow
{
    background:#AAAAAA !important;
    color:#FFFFFF !important;
}
.rgSelectedRow td { border-bottom:1px solid #919191 !important; }

.WorkbinItemDetailsToolTipTitle
{
	text-align:right;
	padding-right:10px;
	color:#1a1a76;
	font-weight:bold;
	white-space:nowrap;
}

.WorkbinItemDetailsToolTipUserCompleted
{
	color:Green;
	color:#34823C;
}

.WorkbinItemDetailsToolTipUserProgress
{
	color:Orange;
	color:#A64947;
}

.CommentsContainer
{
	padding:15px;
	min-height:300px;
}

.CommentForm
{
    margin-bottom:50px;
    display:block;
}

.Comment
{
	display:block;
}

.Comment + .Comment
{    
    border-top:1px solid #EEE;
    margin-top:10px;
    padding-top:10px;
}

.CommentAuthor
{
	font-size:12px;
	color:#333;
	text-align:left;
}

.CommentDate
{
	font-size:12px;
	line-height:10px;
	color:#555;
	text-align:right;
	float:right;
}

.CommentNew
{
    color:#FF5533;
    font-weight:bold;
}

.CommentContent
{
    padding:5px 0 0 10px;
	font-size:12px;
	display:block;
	color:#222;	
}

.CommentSeenBy
{
    margin-top:5px;
    font-size:10px;
    color:#888;
}


/*
==============================================
Internal Messaging Stuff
==============================================
*/

.MessageHeaderStyle
{
	background: #7f7fb2 !important;
	font-size: 12px !important;
	height: 25px !important;
	color: white !important;
	text-decoration: none !important;
	border-top: 1px solid #898c95;
}
.MessageHeaderStyle a{
	background: #7f7fb2 !important;
	font-size: 12px !important;
	height: 25px !important;
	color: white !important;
	text-decoration: none !important;
}
/*
==============================================
Nested grid classes
==============================================
*/
.InnerHeaderStyle
{
 background: #92c98a !important;
 font-size: 12px !important;
 /*height: 25px !important;*/
 color: white !important;
 text-decoration: none !important;
}
.InnerCommandStyle
{
 background: #006600 !important;
 font-size: 12px !important;
 height: 30px !important;
 color: white !important;
 text-decoration: none !important;
}
.InnerItemStyle,.InnerItemStyle a
{
 background: #e4f1e2 !important;
 height: 25px !important;    
 color:black !important;  
}
.InnerAlernatingItemStyle,.InnerAlernatingItemStyle a
{
 background: #e4f1e2 !important;
 /*height: 25px !important;*/
 color:black !important;
}
.CommHeaderStyle
{
 background: #7f7fb2 !important;
 font-size: 12px !important;
 /*height: 25px !important;*/
 color: white !important;
 text-decoration: none !important;
}
.CommHeaderStyle a
{
 background: #7f7fb2 !important;
 font-size: 12px !important;
 height: 25px !important;
 color: white !important;
 text-decoration: none !important;
}
.CommCommandStyle
{
 background: #1b1b76 !important;
 font-size: 12px !important;
 height: 30px !important;
 color: white !important;
 text-decoration: none !important;
}
.CommItemStyle,.CommItemStyle a
{
 background: #d7d7e7 !important;
 height: 25px !important;    
 color:black !important;  
}
.CommAlernatingItemStyle,.CommAlernatingItemStyle a
{
 background: #d7d7e7 !important;
 height: 25px !important;
 color:black !important;
}
/* replce the validator callout */
.customCalloutStyle div, .customCalloutStyle td
{
	border: solid 1px Black;
	background-color: White;
}
.customCalloutStyle .ajax__validatorcallout_popup_table
{
	display: none;
	border: none;
	background-color: transparent;
	padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_popup_table_row
{
	vertical-align: top;
	height: 100%;
	background-color: transparent;
	padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_cell
{
	width: 20px;
	height: 100%;
	text-align: right;
	vertical-align: top;
	border: none;
	background-color: transparent;
	padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_table
{
	height: 100%;
	border: none;
	background-color: transparent;
	padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_table_row
{
	background-color: transparent;
	padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell
{
	padding: 8px 0px 0px 0px;
	text-align: right;
	vertical-align: top;
	font-size: 1px;
	border: none;
	background-color: transparent;
}
.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv
{
	font-size: 1px;
	position: relative;
	left: 1px;
	border-bottom: none;
	border-right: none;
	border-left: none;
	width: 15px;
	background-color: transparent;
	padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div
{
	height: 1px;
	overflow: hidden;
	border-top: none;
	border-bottom: none;
	border-right: none;
	padding: 0px;
	margin-left: auto;
}
.customCalloutStyle .ajax__validatorcallout_error_message_cell
{
	font-family:Arial;
	font-size: 10px;
	padding: 5px;
	border-right: none;
	border-left: none;
	width: 100%;
}
.customCalloutStyle .ajax__validatorcallout_icon_cell
{
	width: 20px;
	padding: 5px;
	border-right: none;
}
.customCalloutStyle .ajax__validatorcallout_close_button_cell
{
	vertical-align: top;
	padding: 0px;
	text-align: right;
	border-left: none;
}
.customCalloutStyle .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv
{
	border: none;
	text-align: center;
	width: 12px;
	cursor: pointer;
	margin-right:1px;
}

.RadScheduler .rsMonthView .rsWrap,
    .RadScheduler .rsMonthView .rsApt,
    .RadScheduler .rsMonthView .rsAptOut,
    .RadScheduler .rsMonthView .rsAptIn,
    .RadScheduler .rsMonthView .rsAptMid,
    .RadScheduler .rsMonthView .rsAptContent
    {
            position: static !important;
            height: auto !important;
    }
    .RadScheduler .rsMonthView .rsWrap
    {
            overflow: hidden;
            font-size: 0;
            line-height: 0;
    }
    .RadScheduler .rsMonthView .rsLastWrap
    {
            height: 16px !important;
    }
    .RadScheduler .rsMonthView .rsAptContent
    {
            position: relative !important;
            border-top: 0;
            border-bottom: 0;
            left: 0;
            top: 0;
    }
    * html .RadScheduler .rsMonthView .rsAptIn
    {
            border-width: 0 1px;
            top: 0;
        margin-left: -1px;
        margin-right: -1px;
    }
    * html .RadScheduler .rsMonthView .rsAptMid
    {
            top: 0;
            left: 1px;
            margin: 0 1px;
            border-width: 1px 0;
    }

.RadScheduler .rsMonthView .rsWrap,
.RadScheduler .rsMonthView .rsAptContent
{
    min-height: 25px;
}    

.reToolbar.Default .Sent
        {
           background-image:url("../Images/messaging/message_send.gif");
           width:39px;
        }
        
        
        
/* -----------------------------------------------------------------------------------------------------------
Respondent List Stuff
-------------------------------------------------------------------------------------------------------------*/        

.NeatForm{}

.NeatForm .Title 
{
    font-weight:bold;
    font-size:20px;
    color:#666;
    margin-left:110px;
}

.NeatForm .Section
{
    margin-top:10px;
    zoom:1;
}

.NeatForm .Section:before {
  content: '';
  display: block;
}
.NeatForm .Section:after {
  content: '';
  display: table;
  clear: both;
}

.NeatForm .Section .Label 
{
    float:left;
    text-align:right;
    width:100px;
    padding-top:5px;
    font-weight:bold;
}

.NeatForm .Section .Label .LabelSub
{
    font-size:10px;
    font-weight:normal;
    font-style:italic;
}

.NeatForm .Section .FormField
{
    margin-left:110px;
}



        
.ListContainer {
  width: 500px;
  padding: 4px 4px 0px 4px !important;
  border: 1px solid #999;
}
.ListSearch {
  margin-bottom: 4px;
  vertical-align: text-top;
}
.ListEntry {
  margin: 0 0 4px 1px;
  padding: 3px 5px;
  border: 1px solid #002954;
  background: #003d7d;
  color: white;
  font-size: 11px;
  display: inline-block;
  white-space: nowrap;
  zoom: 1;
  *display: inline;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}



/* -----------------------------------------------------------------------------------------------------------
Options Menu
-------------------------------------------------------------------------------------------------------------*/     

.OptionsMenu {
    height:25px;
    width:32px;
    margin: auto;
    text-align:right;
}

.OptionsMenu ul, .OptionsMenu li {
    margin:0;
    padding:0;
    list-style:none;
}

.OptionsMenu .Image 
{
    width:32px;
    height:25px;    
}

.OptionsMenu .Menu 
{
    width:100px;
    display:none;
    border: 2px solid #78797c;
    position:relative;
    top:-2px;
    right:63px;
    
	box-shadow: 5px 5px 5px #888;
	-moz-box-shadow: 5px 5px 5px #888;
    z-index:10000;    
}

.OptionsMenu .Menu li 
{
    background: #FFF;
}

.OptionsMenu .Menu a {
    color:#333 !important;
    text-decoration:none;
    display:block;
    padding:5px 10px;
}


.OptionsMenu .Menu li a:hover {
    font-weight:bold;
    color: #7f7fb2 !important;
}

.OptionsMenu .Menu li a.Disabled {
    font-weight:normal !important;
    font-style:italic;
    color: #666 !important;
}

.OptionsMenuLTR
{
    text-align:left !important;
}
.OptionsMenuLTR .Menu 
{
    width:175px !important;
    right:auto !important;
}
.OptionsMenuLTR .Menu 
{
    width:175px !important;
    right:auto !important;
}