body
{
	margin:10px 0px 0px 10px;   
	padding-bottom:15px; 
	font-size:small;
	font-family: Arial,Verdana;
}

img
{
    border-style: none; 
}

a
{
    text-decoration: none;
}

#main
{
	width:100%;
}

#left
{
	width:12%;
	float:left;	
	padding-left:5px;
}

#right
{
	width:87%;
	float:right;
	text-align:left;	
}

#adminheader
{
	margin:10px 0px 5px 0px;
	font-size:large;
	font-weight:bold;
}


#LoginStatusContainer
{
	clear:both;	
	float:right;
	height:15px;	
	margin-right:10px;
}

#LoginStatusContainer a
{
	 font-weight:bold;
}

/* form */

#messagepanel
{
	
	margin:0px 0px 0px 0px;	
}

#messagepanel span
{
	color:#ff0000;
}


.formTable
{
	width:670px;	
}

.formviewHeader
{
	background-color:#000066;
 	color : #ffffff; 
 	height:20px; 	
	font-weight:bold;
	font-size:12px;
	padding-top:5px;
	padding-left:5px;
}


.form ul {
    list-style:none;
    padding:5px 0;
}

.form ul li {
    clear:both;
    padding:9px 0;
}

.form label {
    width:112px;
    display:block;
    float:left;
    color:#000000;
    margin:0 10px 0 0;
    line-height:20px;
    padding:0 10px 0 0;
    text-align:right;
}

/*\*/* html .form label {
    width:112px;
    margin:0 6px 0 0;
}/*end*/


.details-field {
    border:0;
    width:406px;   
    padding:2px 2px 3px 2px;
}

/*\*/* html .form input.details-field {
    padding:3px 2px 4px 2px;
}/*end*/


.detail-label-field
{	
	color:#000000;
	padding-right:5px;
	
}

.detail-value-field
{	
	padding-right: 5px;
	height:25px;
}

.validationerror
{
	color :#ff0000;	
}

.requirednote
{
	color : #ff0000;
	padding-left:2px;
	font-size:16px;		
}

.HeaderContainer
{
	clear:both;
    width:100%;
    margin:5px 0px 5px 0px;
    height:25px;      
}

.Header
{
    font-size: 18px;
    color: #000000;    
}

.Bold
{
	font-weight:bold;
}
 
 /* Field Classes */
 
 .LargeFieldSize {width:730px; font-family:Arial,Verdana; } 
 .LargeFieldTextArea {height:50px; width:730px;font-family:Arial,Verdana; } 
 .textField {width:230px; font-family:Arial,Verdana;}
 .multi {width:400px; height:120px;}
 .textArea {width:230px; height:80px;  font-family:Arial,Verdana;}
 .SmallFieldSize {width: 70px; font-family:Arial,Verdana;}
   
   
 .GVButtonPanel
 {
    width:95%; 
 }
 
 #GridViewNewButtonPanel
 {
 	width:95%; 	
 }  
 
  #GridViewNewButtonPanel .left
 {
 	width:70%;
 	float:left;
 	text-align:left;
 	color:#ff0000;
 }
 
 #GridViewNewButtonPanel .right
 {
 	float:right;
 	text-align:right;
 	margin-bottom:5px; 	
 }  
   
 .GridView
 {
 	clear:both;
 	border:none;
 	font-size:medium;
 	width:95%;
 }
 

 
 .GridViewEmail
 {
 	width:50%;
 }
 
 .GridViewHeader th
 {
	 text-align:left;	
 }
  
 .GridViewHeader
 {
 	background-color:#000066;
 	color : #ffffff; 
 	height:25px;
 	text-align:left;
 }
 
 .GridViewHeader a
 {
 	color : #ffffff; 
 	margin-left:2px;
 }
 
 .GridViewHeader a:link
 {
 	color : #ffffff; 
 	margin-left:2px;
 	text-decoration:underline;
 }
 
 .GridViewHeader a:hover
 {
 	color : #ffffff; 
 	margin-left:2px;
 	text-decoration:none;
 }
 
 
 .GridViewSelectItem
 {
 	background-color:#e1e4f7;
 	color : #000000; 
 	height:35px;
 }
 
 .GridViewItem
 {
 	background-color:#ffffff;
 	color : #000000; 
 	height:35px;
 } 
 
 .GridViewAlternateItem
 {
 	background-color:#ffffff;
 	color : #000000; 	
 	height:35px;
 } 
 
.GridPager
{
	text-align:left;
}

.GridPager table
{
	width:auto;
	border: solid 1px #005F9F;
	text-align:left;	
	border:none;
}

.GridPager td
{
	text-align:left;
	border:none;	
}

.GridPager table td
{
	width : 15px;
}

.GridPager span
{	
	padding:2px 5px 2px 5px;
	background-color:#000066;
	color:#ffffff;	
}

.GridPager a
{	
	padding:2px 5px 2px 5px;
	background-color:#9AAEEB;
	text-decoration:none;
	color:#ffffff;	
}

.AdminButton
{
	 background-color: #000066;
	 color:#ffffff;
	 border:none;
	 font-family: Arial,Verdana;
	 padding:2px;
	 margin:1px;
	 width:55px;	 	
}

.AdminButtonLarge
{
	 width:75px;	 	
}

.AdminButtonExtraLarge
{
	 width:115px;	 	
}

.AdminButtonSmall
{
	 background-color: #000066;
	 color:#ffffff;
	 border:none;
	 font-family: Arial,Verdana;
	 padding:1px;	
	 width:30px;
	 margin:2px 20px 2px 20px ;	
}

.SubjectTextBox
{
    width: 400px;
}

.MessageTextBox
{
    width: 400px;
    height: 250px;
    font-family:Arial,Verdana;
}

.SmlMessageTextBox
{
    height: 125px;
}

.SelectListBox
{
	width:250px; 	
}

.DropDownList
{
    width:97%;
}

span.bold
{
	font-weight:bold;	
}

 .ajax__myTab .ajax__tab_header {  font-family:Arial, Helvetica, sans-serif;  font-size: 11px;      }         
 .ajax__myTab .ajax__tab_outer {  padding-right: 4px; height: 21px;  background-color: #F1F1FB;   margin-right: 2px;  border: solid 1px #000000;    }        
 .ajax__myTab .ajax__tab_inner {  padding-left: 3px;   background-color: #F1F1FB;    }         
 .ajax__myTab .ajax__tab_tab { min-width:64px;       height: 13px;        padding: 4px;        margin: 0;     }         
 .ajax__myTab .ajax__tab_hover .ajax__tab_outer {   background-color: #F1F1FB;     }         
 .ajax__myTab .ajax__tab_hover .ajax__tab_inner {  background-color: #F1F1FB;    }         
 .ajax__myTab .ajax__tab_hover .ajax__tab_tab {color:#000000}        
 .ajax__myTab .ajax__tab_active .ajax__tab_outer {  background-color: #000066;   font-weight:bold; border: solid 1px #000000;  border-bottom:none;     }         
 .ajax__myTab .ajax__tab_active .ajax__tab_inner {  background-color:#000066;     }         
 .ajax__myTab .ajax__tab_active .ajax__tab_tab { color : #ffffff;}
 .ajax__myTab .ajax__tab_body { border:solid 1px #000000; width:95%;text-align:left; background-color:#ffffff;font-family:Arial, Helvetica, sans-serif;font-size: 11px;}
 
  
div.ajax__calendar_container, div.ajax__calendar_body {width:215px;background-color: #ffffff;}

div.ajax__calendar_footer{color: #ffffff;background-color: #000066;margin: 10px;}

.ajax__calendar_days td { padding:3px 3px;}

div.TabInnerStyle 
{
	background-color:#ffffff; 
	height:100%;  
	margin:10px;
	min-height:500px;
}

.FormView td { vertical-align:top;}


/* login */

.loginForm
{
	margin: 50px 0px 10px 0px;
}

.Password
{
	width:211px;
}

.UserName
{
	width:211px;
}

.LoginButton
{
	margin: 0px 6px 0px 0px;
}

/* interaction maintenance (margin: TRBL) */

#interactionFilters
{
	/*border-color: Red;
	border-style: dashed;*/
	margin: 0px 0px 20px 0px;
	float: left;
}

#interactionFilters select.ddlInteraction
{
	margin: 0px 0px 0px 0px;
}

#interactionFilters #lblSearchInteractions
{
	margin: 0px 0px 0px 50px;
}

#interactionFilters #lblSearchTradeName
{

	margin: 0px 0px 0px 270px;
}


#lblSearchTip
{
	margin: 5px 0px 0px 543px;
}

.txtSearchInteraction
{
	margin: 0px 3px 0px 3px;
}

.btnSearchInteraction
{
	margin: 0px 0px 0px 0px;
}