/* open-sans */
@font-face {
  font-family: 'Open-Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/OpenSans.ttf'); 
}
/* open-sans-condensed*/
@font-face {
  font-family: 'Open-Sans-Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-condensed.ttf'); 
}


body{
	
    background: #E5E5E5;
    font-family: 'Open-Sans', sans-serif!important;
	font-size: 10px;
	height: auto;
	margin: 0;	
	text-align: center;
       
}

div {
    font-family: 'Open-Sans', sans-serif!important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open-Sans-Condensed', sans-serif!important;
}

p{
   font-family: 'Open-Sans', sans-serif!important;
}

.clear{

	clear: both 

}

a:hover{

    text-decoration: underline;
	#color: #D12139;
	background-color: #C5DCFF;
}

a.nohover:hover{
	
       background: none;
	border: none;
       
}

a:active{

       color: #D12139;
       
}

a.navbar:hover{

	background-color: #C5DCFF;
       
}

a.navbar:active{

	background-color: #C5DCFF;
       
}

.redCherrySubTitle{

	color: #9B0103;
	font-size: 12px;
       
}

.text_field_app{

	background-color: white;
       
}

.help_text{

	font-size: 9px;
	color: #999999;
	padding-bottom: 2px;
	font-weight: 200;
       
}

.footerstyle{

	font-size: 10px;
	color: #999999;
       
}
.body_box_alert{

	border-top: 1px solid rgb(204, 204, 204);
	border-bottom: 1px solid rgb(204, 204, 204);
	border-right: 1px solid rgb(204, 204, 204);
	border-left: 1px solid rgb(204, 204, 204);
	margin: 3px 3px 3px 3px;
	padding: 8px 8px 8px 8px;
	text-align: center;
	max-width: 300px;
	display: block;
       
}

.body_highlighted_yellowbox {

	background-color: #FFFF99;
	border-top: 1px solid rgb(204, 204, 204);
	border-bottom: 1px solid rgb(204, 204, 204);
	border-right: 1px solid rgb(204, 204, 204);
	border-left: 1px solid rgb(204, 204, 204);
       max-width: 300px;
	display: block;
       text-align: left;
	padding: 15px;
       
}

.layoutLogic{

	width: 1200px;
	height: 100%;
    height:auto !important;
	background-color: #FFFFFF; 
	margin: 0 auto;
	
}

.layoutLogicLogin{

	width: 900px;
	height: 100%;
    height:auto !important;
	background-color: #FFFFFF; 
	margin: 0 auto;
	
}

.page_title{

       font-size: 24px;
       font-weight: bold;
       font-family: 'Open-Sans-Condensed', sans-serif!important;

}

.intro{
       
       margin-bottom: 10px;
       font-weight: bold;       

}

.headerLogo{

	float: left;
	position: relative;
	left: 30px;
	top: 20px;
       margin-bottom: 6px;

}

.header_title{

	color: #1b2686;
       font-size: 22px;
       height: 30px;
       width: 80px;
       margin-bottom: 10px;
       font-family: 'Open-Sans-Condensed', sans-serif!important;
      

}

.headerMenu{

       float: right;
       font-size: 11px;
       padding-right: 25px;
       padding-top: 8px;
       position: relative;
       text-align: right;
       top: 20px;
       
}

.menuContainer{
		
       max-height: 48px;
	position: relative;
	width: 100%;
	height: 48px;
	padding: 0;
	margin: 3px 0 20px 0;
	background: #1b2686;
       	
}

.menuList{
		
       position: absolute;
	top: 19px;
	left: 28px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 29px;
	display: inline;
	overflow: hidden;
	width: 100%;
       	
}

.menuList li{
		
       margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
       
}

.menuList a{
		
       float: left;
	padding: 30px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height: 30px; /* for IE5/Win */

}

.menuList :hover, .menuList a:active{
		
       background-position: 0 -30px;

}
	
.menuList a.selected {
		
       background-position: 0 -60px;

}

.dashboard a{
		
       width: 80px;
	background: url(/images/dashboard.gif) top left no-repeat;
	
}

.structure a{
		
       width: 80px;
	background: url(/images/teams.gif) top left no-repeat;
	
}

.activation a{
		
       width: 80px;
	background: url(/images/activation.gif) top left no-repeat;
	
}

.report a{
		
       width: 80px;
	background: url(/images/reports.gif) top left no-repeat;
	
}

.account a{
		
       width: 80px;
	background: url(/images/accounts.gif) top left no-repeat;
	
}

.contact a{
		
       width: 80px;
	background: url(/images/contacts.gif) top left no-repeat;
	
}

.template a{
		
       width: 80px;
	background: url(/images/templates.gif) top left no-repeat;
	
}

.section{

	display: block;
	margin: 0 auto;
	width: 1200px;
       
}


.col-A, .col-B{

	float: left;
        
}
	
.col-A{

	display: block;	
	margin-bottom: 30px;
	width: 220px;
	height: 360px;
	margin-top: 20px;
	font-size:10px;
       
}

.col-B{

	height: 400px; 		
	height:auto !important; 
	min-height: 350px;
	text-align: left;
	display: block;
	padding-left: 30px;
       margin-right: 30px;
	width: 890px;
	color: #333333;
	margin-bottom: 20px;
	font-size: 12px;
       	
}

.footerbar{

	position: relative;
	height: 8px;
	padding-bottom: 0px; 	
	margin-left: 6px;
	margin-right: 7px;
	#background-color: #999999;
	
}

.footer{

	position: relative;
	left: 5px;
	height: 20px;
	margin-top: 25px;	
	margin-bottom: 25px;
	margin-left: 2px;
	padding-left: 5px;	
	margin-right: 12px;
	padding-right: 5px;
	font-size: 10px;
	font-weight: 300;
       
}

.confirm_notification{

       position: fixed;
       z-index: 9999;
       top: -40px;
       left: 0;
       right: 0;
       background: #fde073;
       text-align: center;
       line-height: 2.5;
       overflow: hidden;
       -webkit-box-shadow: 0 0 5px black;
       -moz-box-shadow:    0 0 5px black;
       box-shadow:         0 0 5px black;
       font: 13px/1.5 Helvetica Neue,Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;
       padding: 10px 0px;
       color: #000000;
       font-weight: 700;
       
}

.warning_notification{

       position: fixed;
       z-index: 9999;
       top: -40px;
       left: 0;
       right: 0;
       background: #cc0404;
       text-align: center;
       line-height: 2.5;
       overflow: hidden;
       -webkit-box-shadow: 0 0 5px black;
       -moz-box-shadow:    0 0 5px black;
       box-shadow:         0 0 5px black;
       font: 13px/1.5 Helvetica Neue,Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;
       padding: 10px 0px;
       color: #FFFFFF;
       font-weight: 700;
       
}

.otpFormContainer{

         
       
}

.otpFormLeftSubContainer{

      
      
       width: 100%;

}

.otpFormRightSubContainer{

    
       width: 100%;

}

.resendOtpLink{

     
}

.subHeader{

	color: #666666;
	margin-left: 5px;

}

.subtitle2 {

       font-size: 18px;
       font-weight: bold;
       
}

.dashboard_summary_container{

       border-radius: 4px;
       border: 1px solid #AAAAAA;
       margin-bottom: 12px;
       margin-right: 15px;
       padding: 0.4em;
       width: 28%;
       height: 200px;
       float:left;

}

.dashboard_summary{

       margin-left: 15px;
       margin-right: 15px;
       margin-top: 5px;
       padding-bottom: 5px;
       padding-top: 15px;
       vertical-align: top;

}

 .dashOutline{
 
 	border: solid #CCCCCC 1px;
	padding-bottom: 5px;
	margin-bottom: 10px; 
	text-align: left;
       
}

.dashHeaderGrey {

	background-color: #E5E5E5;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	margin-bottom: 5px;	
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	display: block;

}

.dashHeaderGreyText{

       padding-left:7px;
       word-wrap: break-word;
}

.body_highlighted_header{

       background-color: #edf3fe;
       border: 1px solid #c5dcff;
       /*margin-right: 30px;*/
       padding: 10px;
       
}

.create_form input:not([name="email_address"]):not([name="structureName"]), .update_form input:not([name="email_address"]):not([name="structureName"]){

	 text-transform: uppercase;

}

.create_form_container, .update_form_container{

       text-align: left;

}

.create_account_form_container, .scenario_form_container{

       border: 0px solid #ffcccc;
      /* padding: 10px;*/
       margin-top: 10px;
       
}

.form_menu{

       margin-bottom: 10px;

}

.form_icon_container{

       float: left;

}

.activation_type_selected, .form_title{

       font-weight: bold;

}

.input_title{

       float: left;
       width: 150px;
       margin-top: 20px;

}

.date_input_container{

       float: left;
       width: 400px;

}

.input_container{

       float: left;
       width: 300px;

}

.input_container_create_scenario{

       float: left;
       width: auto;

}

.text_input_field{

       width: 200px;

}

.assigned_to_group_container, .assigned_to_team_container, .select_recipient_container, .create_contact_form_assignment_selection, .transaction_report_container, .ext_contact_input, .message_template_container, .action_button_container, .help_page_container{

       display: none;

}

.select_recipient_container, .help_page_container{

       margin-bottom: 30px;
       text-align: left;

}

.help_page_container{

       font-size: 12px;
       
}

.submit_button_container{

       margin-top: 30px;

}

.change_role_selection_container{

       margin-top: 10px;
       font-size: 10px;

}

.change_role_selection, change_user_group_selection{

       font-size: 16px;
       

}

.change_role_link_container{

       margin-top: 10px;
       font-size: 10px;

}

.upload_target, .export_target{
  
       height: 1px;
       visibility: hidden;
       width: 1px;
       
}

.tableContainer{

       margin-top: 30px;

}

.table_container table th, .table_container table td, .tableContainer table td{

       text-align: left;

}

.update_form_container, .delete_button_container, .export_button_container, .change_my_password_form_container{

       display: none;

}

.selection_summary{

       font-weight: bold;
       margin-top: 5px;
       
}

.delete_button_container, .export_button_container{

       margin-top: 10px;

}

.my_profile_form_input_field, .my_profile_form_select_field{
 
       border-radius: 0px;
       border: 1px solid #AAAAAA;
       padding: 0.4em; 
 
}

.form_input_field, .form_select_field{

       border-radius: 0px;
       border: 1px solid #AAAAAA;
       margin-bottom: 12px;
       padding: 0.4em;
            
}

.form_input_field, .my_profile_form_input_field{

       width: 95%;

}

.form_select_field, .my_profile_form_select_field{

       width: 100%;
      
}

fieldset{

       border: 0 none;
       margin-top: 25px;
       padding: 0;
       
}

.input_label{

       float: left;
       width: 100%;

}

.create_account_form_input_field, .create_account_form_select_field, .create_scenario_form_input_field, .create_scenario_form_select_field, .create_scenario_form_select_time_field, .create_scenario_form_input_date_field, .change_user_group_selection{

       border-radius: 0px;
       border: 1px solid #AAAAAA;
       margin-bottom: 12px;
       padding: 0.4em;
       margin-top: -5px;
            
}

.change_user_group_selection{

       width: 340px;

}

.create_account_form_input_field, .create_scenario_form_input_field{

       width: 95%;

}

.create_account_form_select_field, .create_scenario_form_select_field{

       width: 97%;
//Somewhat related firefox bug
//A 100% select dropdown will often be missing its right border (dependent on width of window)
//https://bugzilla.mozilla.org/show_bug.cgi?id=924068
//No workaround other than to try width: 99%

}

.create_scenario_form_select_time_field{

       width: 50px;
       float: left;
       margin-left: 20px;

}

.create_scenario_form_input_date_field{

       float: left;
       width: 100px;
       
}

.create_scenario_form_textarea_field{

       width: 400px;
       height: 100px;

}

.create_scenario_form_count_field{

       width: 600px;

}

.form_element{

       /*margin-bottom: 60px;*/
       width: 600px;
       height: 60px;
       
}
.form_element_create_scenario{
       width: auto;
       height: 60px;
}



.form_textarea_element{

       width: 600px;
       height: 140px;
       
}

.form_recipient_element{

       width: 600px;
       height: 100px;
       
}

.form_role_element{

       /*width: 1000px;*/
       height: 120px;
       display: none;

}

.two_way_scenario_field{

       display: none;

}

.create_account_form_structure_selection{

       height: 130px;
       float: left;
       margin-left: 30px;
       /*margin-top: 10px;
       display: none;*/

}

.checkbox_input_container{

       float: left;
       /*width: 200px; */
       width:auto;

}

.export_form_checkbox_input_container{

       float: left;

}

.create_account_form_structure_radio_input_container{

       width: auto;
       float: left;
       margin-bottom: 10px;

}

.create_account_form_structure_name_selection{

       float:left;
       /*margin-left: 20px;*/

}

.role_checkbox_container{

       margin-bottom: 5px;

}

.role_selected{

       background-color: #FFFF99;

}

.submit_create_new_account_button_container, .update_my_profile_button_container, .update_my_password_button_container, .submit_create_scenario_button_container{

       margin-top: 10px;

}

.form_textarea_input_field{

       height: 100px;

}

.long_message_prompt{
   
	font-size: 10px;
	color: #999999;
       display: none;
       margin-top:5px;
   
}

.send_unicode_prompt{
   
	font-size: 10px;
	color: #999999;
       display: none;
       background-color: #FFFF99;
       margin-top:5px;
   
}





.character_count_form_input_field, .message_count_form_input_field{

       border-radius: 0px;
       border: 1px solid #AAAAAA;
       margin-bottom: 12px;
       padding: 0.4em;
       width: 6%;
       margin-right: 5px;
       margin-top: 5px;
            
}


@media only screen and (max-width: 600px) {

.character_count_form_input_field, .message_count_form_input_field{

       border-radius: 0px;
       border: 1px solid #AAAAAA;
       margin-bottom: 12px;
       padding: 0.4em;
       width: 15%;
       margin-right: 5px;
       margin-top: 5px;
            
} 

.custom-col-mobile-1{
       width:13%;
}
.custom-col-mobile-2{
       width:12%;
}

}






.recipient_container{
       
       background-color: #fff;
       border: 1px solid #c0c0c0;
       border-radius: 0px;
       cursor: text;
       /*font-family: lucida grande,verdana,sans-serif;*/
       font-size: 12px;
       min-height: 20px;
       /*overflow: hidden;*/
       overflow-y: auto;
       max-height: 200px;
       padding: 4px;
       resize: none;
       width: 465px;
       
}

.input_wrap{

       /*float: left;*/
       overflow: hidden;
       padding-top: 2px;
       width: auto;
       display: inline-block;
       
}

.input_wrap input[type="text"]{

       border: 0 none;
       outline: 0 none;
       width: 100%;
       
}
.input_wrap textarea{

       border: none;
       width: 100%;
       resize: none;
       overflow: hidden;

} 

/*.parent_contact_group_recipient_tag{

       background: #f0f0f0 url("/images/x_8px.png") no-repeat scroll right center;
       border-bottom: 1px solid #dcdcdc;
       border-radius: 6px;
       border-right: 1px solid #dcdcdc;
       color: #222;
       cursor: pointer;
       display: inline-block;
       font-size: 12px;
       line-height: 14px;
       margin: 1px 10px 1px 0;
       padding: 3px 20px 3px 6px;
       float: left;

}*/


.mobile_number_recipient_tag, .contact_recipient_tag, .contact_group_recipient_tag, .parent_contact_group_recipient_tag, .department_recipient_tag, .cluster_division_recipient_tag, .all_jtc_contact_recipient_tag{

       display: inline-block;
       font-size: 13px;
       padding: 3px;
       vertical-align: top;
       padding-bottom: 2px;
       padding-top: 2px;
       border-spacing: 0;
       font-family: arial, sans-serif;
  
}

.mobile_number_recipient_tag_inner, .contact_recipient_tag_inner, .contact_group_recipient_tag_inner, .parent_contact_group_recipient_tag_inner, .department_recipient_tag_inner, .cluster_division_recipient_tag_inner, .all_jtc_contact_recipient_tag_inner{
  
       background-color: #f5f5f5;
       border: 1px solid #d9d9d9;
       border-radius: 3px;
       cursor: default;
       display: block;
       height: auto;
       white-space: nowrap;
       font-size: 16px;
       color: #222;
       
}

.mobile_number_recipient_tag_value, .contact_recipient_tag_value, .contact_group_recipient_tag_value, .parent_contact_group_recipient_tag_value, .department_recipient_tag_value, .cluster_division_recipient_tag_value, .all_jtc_contact_recipient_tag_value{
  
       color: #222;
       /*cursor: move;*/
       direction: ltr;
       display: inline-block;
       margin: 0px 5px;
       /*max-height: 17px;*/
       height: auto;
       max-width: 325px;
       overflow: hidden;
       text-overflow: ellipsis;
       vertical-align: top;
       
}

.mobile_number_recipient_tag_remove, .contact_recipient_tag_remove, .contact_group_recipient_tag_remove, .parent_contact_group_recipient_tag_remove, .department_recipient_tag_remove, .cluster_division_recipient_tag_remove, .all_jtc_contact_recipient_tag_remove{
  
       background: rgba(0, 0, 0, 0) url("/images/contactarea_sprite_2.gif") no-repeat scroll -4px 0;
       cursor: pointer;
       display: inline-block;
       height: 20px;
       opacity: 0.6;
       vertical-align: top;
       width: 14px;
       
}

.add_role_link{
	
	#font-weight: bold;
	font-size: 1.0em;
	
}

.campaignNameContainer {

	border-top-style: solid;
	border-top-width: 0px;
	background-color: #EDF3FE;	
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px dotted #bae7d7;
	width:692px;
	
}

.campaignHeadersContainer {

    width: 690px; 
 	padding-top: 10px;
 	padding-left: 12px; 	
 	border-top: 1px solid #bae7d7;
 	border-right: 1px solid #bae7d7;
 	border-left: 1px solid #bae7d7;
 	border-bottom: 1px solid #bae7d7;
 
}

.show_real_time_update_link_container{

       margin-top: 10px;

}

.view_report_link_container{

       color: #0000EE;
       cursor: pointer;

}

.form_value_label_display{

       width: 200px;
       margin-bottom: 20px;

}

.form_value_label_display, .form_value_display{

       float: left; 

}

.form_value_display{

       font-weight: bold;
       margin-bottom: 20px;

}

.redCherrySubTitle{

       color: #9b0103;
       font-size: 12px;
       
}

.statusFine{

       background: green;
       color: white;
       padding: 1px;
       
}

.statusNotFine{

       background: red;
       color: white;
       padding: 1px;
       
}

.select_all_on_other_page{

       display: none;

}

.filter_container{

       margin: 20px 10px 0px;
       
}

.filter_container img, .filter_container img{

       float: left;
       margin-right: 5px;

}

.filter_container img#close_contact_filter_button{

       cursor: pointer;

}

.filter_list{

       list-style: none;
       margin: 0;
       padding: 0;

}

.filter_list li{

       float: left;
       margin-right: 20px;

}

.filter_list li a{

       text-decoration: underline;
       padding: 1px 2px;
                
}

.filter_list li a.active{

       background-color: #4073BF;
       color: #FFFFFF;

}

.search_form_container{

       visibility: hidden;
       margin-top: 10px;
       
}

.bubbleContainer{

       position: relative;     
       top: -22px;
       left: 20px;
       
}
.bubble, .bubbleBorder{

       border-color: transparent transparent #FFFFFF;
       border-style: solid;
       border-width: 12px;
       cursor: pointer;
       font-size: 0;
       line-height: 0;
       margin: 0 auto;
       position: absolute;
       top: 0;
       width: 0;
       z-index: 1002;
       
}

.bubbleBorder{

       border-color: transparent transparent #CCCCCC;
       border-style: solid;
       border-width: 12px;
       top: -2px;
       z-index: 1001;
       
}

.reportStatusFilterBubbleContainer{

       left: 10px;

}

.searchInputFieldContainer, .searchSelectFieldContainer, .msgTagNameDisplayContainer{

       background-color: #FFFFFF;
       border: 1px solid #BBBBBB;
       border-radius: 4px 4px 4px 4px;
       box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
       position: absolute;
       z-index: 1000;
       padding: 15px 15px;
       
}

.searchInputFieldContainer{

       /*margin-left: -85px;*/
       
}

.contact_filter_tag, .contact_group_filter_tag, .parent_contact_group_filter_tag, .account_filter_tag, .scenario_report_filter_tag, .report_log_filter_tag{

       background: url("/images/tag_close.png") no-repeat scroll 6px center #EBF2F4;
       border: 1px solid #DBE2E8;
       border-radius: 6px 6px 6px 6px;
       color: #222222;
       display: block;
       float: left;
       font-size: 11px;
       margin: 4px 4px 10px 0px;
       padding: 4px 6px 3px 20px;
       text-decoration: none;

}

table.contact_table, table.contact_group_table, table.parent_contact_group_table, table.company_table, table.jtc_user_table, table.account_table, table.organization_table{

       width: 850px;
       /*table-layout: fixed;*/
       margin: 0 0;

}

table.contact_table th, table.contact_table td, table.account_table td, table.organization_table td{

       width: 80px;
       max-width: 80px;
       word-wrap: break-word;

}

table.jtc_user_table{

       word-wrap: break-word;

}

table.contact_group_table th, table.contact_group_table td, table.parent_contact_group_table th, table.company_table th{

       width: 110px;
       max-width:110px;
       word-wrap: break-word;
       text-align: left;
       
}

table.contact_table th:nth-child(1), table.contact_table td:nth-child(1), table.contact_group_table th:nth-child(1), table.contact_group_table td:nth-child(1), table.parent_contact_group_table th:nth-child(1), table.parent_contact_group_table td:nth-child(1), table.company_table td:nth-child(1), table.organization_table td:nth-child(1), table.organization_table td:nth-child(2){

       width: 10px;

}

table.contact_table th:nth-child(2), table.contact_table td:nth-child(2), table.contact_group_table th:nth-child(2), table.contact_group_table td:nth-child(2), table.parent_contact_group_table th:nth-child(2), table.parent_contact_group_table td:nth-child(2), table.company_table td:nth-child(1){

       width: 50px;

}

table.organization_table td:nth-child(3){

       width: 100px;
       
}

table.contact_table td.numeric_column, table.contact_group_table td.numeric_column, table.parent_contact_group_table td.numeric_column, table.company_table td.numeric_column{

       text-align: left;

}

.highlighted{

	background-color: #FFFF99;
       
}

.update_account_status_button{

       margin-left: 10px;

}

activation_type_selected