a.white {text-decoration: none; color: #FFFFFF; font-weight: bold }
a.white:visited {text-decoration: none; color: #FFFFFF; font-weight: bold }
a.white:active {text-decoration: none; color: #FFFFFF; font-weight: bold }
a.white:hover {text-decoration: underline; background: #FFFFFF; color:#657738; font-weight: bold }

a.redhyper, #pagination a {
  text-decoration: underline; color: #BF2C00; 
}
a.redhyper:visited, #pagination a:visited {
  text-decoration: underline; color: #BF2C00 
}
a.redhyper:active , #pagination a:active  { 
  text-decoration: underline; color: #BF2C00 
}
a.redhyper:hover, #pagination a:hover { 
  background: #BF2C00; color:white 
}

h2	{
	font-family: Verdana, Arial;
	font-size: 22px;
	color: #893030
}
h3	{
	font-family: Verdana, Arial;
	font-size: 14px;
	font-weight: strong;
	color: #987B7B
	}

table.regsuccess {
  margin-top: 16px;
  margin-bottom: 16px;
}

p, p table, ul, #pagination, .regsuccess td	{
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #333333;
}

p.errortext, .error_message {
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #b44858;
	font-weight: bold;
}

option.red {
	color: #FFFFFF;
	background-color: #BF2C00;
	}

input.button {
	color: #FFFFFF;
	background-color: #A38383;
	font-size: 10px;
}

input.field, select.field {
	background-color: #E0D3CE;
	font-size: 10px;
}

option.field {
  background-color: #efe2dc;
  font-size: 10px;
}

input.field  {
	background-color: #E0D3CE;
	font-size: 10px;
}

input.radiofield {
	background-color: #fff;
	font-size: 10px;
	margin: 0px;
	margin-right: 6px;
}

span.radiofield {
  position: relative;
  top: -4px;
  margin: 0px;
  padding: 0px;
}
	
	
textarea.field {
	background-color: #E0D3CE;
	font-size: 10px;
}

.footer {
	font-family: Trebuchet MS, Verdana, Arial;
	font-size: 11px;
	color: #893030
}

#flashmsg {
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #b44858;
	font-weight: bold;
  text-align: center;
  padding: 4px;
}

/* Page Headings */

#heading {
  margin-top: 8px;
  text-align: left;
}

.heading_colour {
 	font-family: Verdana, Arial;
	font-size: 18px !important;
	font-weight: 600;  
	color: #b44858;
	letter-spacing: -1px; 
	vertical-align: middle; 
}
 		
.heading_grey {
 	font-family: Verdana, Arial;
	font-size: 18px !important;
	font-weight: 600;  
	color: #7b7a76;
	letter-spacing: -1px;
	vertical-align: middle;   
}

.heading_colour_sm {
 	font-family: Verdana, Arial;
	font-size: 14px !important;
	font-weight: 600;  
	color: #b44858;
	letter-spacing: -1px; 
	vertical-align: middle; 
}

.heading_grey_sm {
 	font-family: Verdana, Arial;
	font-size: 14px !important;
	font-weight: 600;  
	color: #7b7a76;
	letter-spacing: -1px;
	vertical-align: middle;  
}

/*  Page Styles */

#settings_menu {
  margin-right: 36px;
  margin-top: 16px;
  float: left;
  width: 180px;
  height: 200px;
  overflow: hidden;
  display: block;
  text-align: left !important;
}

#settings_menu_background {
  background-color: #f4f5e7;
  padding: 4px;
  
}

#indented, #addinbound, .extra_indent {
  margin-top: 16px;
  margin-left: 36px;
  margin-right: 36px;
  text-align: left !important;
}


.star {
	margin: 1px;
  margin-right: 16px;
  display: block;
  float: left;
  clear: left;
}

.cmd {
  width: 16px;
  height: 16px;
  display: block;
  border: none;
}

.cmd_lg {
  width: 32px;
  height: 32px;
  display: block;
  border: none;
}

.hand {
	cursor: pointer;
	margin-top: 2px;
}

/* Pagination Stuff */

.pagination_arrows {
  border: none;
}

.pagination_total {
  font-weight: bold;
}

#pagination_arrows_container {
  margin: 4px;
}

/* Recordings Table */

#recordings table {
  width: 720px; 
}

#recordings_indented {
	margin-top: 16px;
	margin-left: 24px;
  margin-right: 24px;
  text-align: left !important;
}

.inboundcall {
  color:#ffb400 !important; 
}

.numbers_table {
  width: 400px;
  clear: right !important;
}

.incoming_numbers_table {
  width: 700px;
}

#tarrif_standard table, #tarrif_premium table,
#tarrif_credits table {
  width: 350px;
}

#recordings table, #tarrif_standard table, #tarrif_premium table,
#tarrif_credits table, .ryc_table {   
  color:#333; 
  background-color: #fff;
  clear:both;    
  padding: 2px;
  margin: 0 0 2em 0;
  white-space: normal;
  border-collapse: collapse;
  font-family: Verdana, Arial;
	font-size: 11px;
	color: #333333;
	border: 1px solid #ccc;
}

#recordings th, #tarrif_standard th, #tarrif_premium th, #tarrif_credits th, 
.ryc_table th, .ryc_table tfoot tr td {
  border: 1px solid #ccc;
  border: none;
  background-color: #97cae5;
  color: #fff;
  text-align: center;
  padding-top: 2px;
  padding-bottom: 2px;
}
#recordings table tr td, #tarrif_standard table tr td, 
#tarrif_premium table tr td, #tarrif_credits table tr td, 
.ryc_table tr td {
  /* border: 1px solid #ccc; */
  border: none;
  padding:4px 4px;
  vertical-align:top;
  text-align: center;
  font-weight: bold;
  font-size: 10px;
}
#recordings table tr.altRow td, 
.ryc_table tr.altRow td {
  background: #f4f4f4;
}

.recordings_tags {
  float: left; 
  text-align: left;
  font-weight: normal;
}

#recordings table th a {text-decoration: none; color: #FFFFFF; font-weight: bold }
#recordings table th a:visited {text-decoration: none; color: #FFFFFF; font-weight: bold }
#recordings table th a:active {text-decoration: none; color: #FFFFFF; font-weight: bold }
#recordings table th a:hover {text-decoration: underline; background: #FFFFFF; color:#657738; font-weight: bold }

#recordings table td a {text-decoration: underline; color: #BF2C00; }
#recordings table td a:visited {text-decoration: underline; color: #BF2C00 }
#recordings table td a:active {text-decoration: underline; color: #BF2C00 }
#recordings table td a:hover {background: #BF2C00; color:white }

.ryc_table th a {text-decoration: none; color: #FFFFFF; font-weight: bold }
.ryc_table th a:visited {text-decoration: none; color: #FFFFFF; font-weight: bold }
.ryc_table th a:active {text-decoration: none; color: #FFFFFF; font-weight: bold }
.ryc_table th a:hover {text-decoration: underline; background: #FFFFFF; color:#657738; font-weight: bold }

.ryc_table td a {text-decoration: underline; color: #BF2C00; }
.ryc_table td a:visited {text-decoration: underline; color: #BF2C00 }
.ryc_table td a:active {text-decoration: underline; color: #BF2C00 }
.ryc_table td a:hover {background: #BF2C00; color:white }

/* Actions List */

ul.actions {
  color: #c2202d;
}

#casestudy_quote {
  background-image:url(/img/quotes.jpg);
  background-repeat: no-repeat;
  width: 200px;
  height: 160px;
  display: block;
  float: right;
  font-style: italic;
  font-weight: bold;
}

#casestudy_business {
  background-image:url(/img/caseheader_business.gif);
  background-repeat: no-repeat;
  background-position: top left;
  height: 48px;
  text-align: left;
}

#casestudy_consumer {
  background-image:url(/img/caseheader_consumer.gif);
  background-repeat: no-repeat;
  background-position: top right;
  height: 48px;
  text-align: right;
}

.disclaimertext {
  font-size: 11px;
}

#international_wizard
{
	display: block;
	width: 216px;
	height: 269px;
}

.wizard_blank
{
	background-image: url(/img/123step_wizard_blank.jpg);
	background-repeat: no-repeat; 
}

.wizard_dial
{
	background-image: url(/img/123step_wizard.jpg);
	background-repeat: no-repeat; 
}


.wizard_fail
{
	background-image: url(/img/123step_wizard_fail.jpg);
	background-repeat: no-repeat; 
}

.wizard_text {
	font-weight: bold;
	color: #fff;
	font-family: Verdana, Arial;	
	
	font-size: 9px !important;
}

.wizard_text_std {
}

.wizard_text_destination {
	font-size: 12px !important;
}

#wizard_next:hover {
	text-decoration: underline;
	color: #FFA801;
	cursor: pointer;
}

#numberchecker {
  margin: 36px;
  text-align: left !important;
}

/* Tooltips CSS definitions */  
 .tooltip {  
 	position: absolute!important;  
 	overflow:hidden;  font-size: 12px;  
 	z-index: 10000!important;
 	}  
 	.tooltip .xtop, .tooltip .xbottom 
 	{ 
 	display: block; background: transparent; font-size: 1px; 
 	}  
 	.tooltip .xb1, .tooltip .xb2, .tooltip .xb3, .tooltip .xb4 
 	{ 
 	display: block; overflow: hidden; 
 	}  
 	.tooltip .xb1, .tooltip .xb2, .tooltip .xb3 { 
 	height: 1px; 
 	}  
 	.tooltip .xb2, .tooltip .xb3, .tooltip .xb4 { 
 	background: #666; border-left: 1px solid #333; border-right: 1px solid #333; 
 	}  
 	.tooltip .xbottom .xb2, .tooltip .xbottom .xb3, .tooltip .xbottom .xb4 { 
 	background: #666; 
 	}  
 	.tooltip .xb1 { 
 	margin: 0 5px; background: #333; 
 	}  
 	.tooltip .xb2 { 
 	margin: 0 3px; border-width: 0 2px; 
 	}  
 	.tooltip .xb3 { 
 	margin: 0 2px; 
 	}  
 	.tooltip .xb4 { 
 	height: 2px; margin: 0 1px; 
 	}    
 	.tooltip .xarrow {    
 	position: relative;    
 	top: 2px; left: 12px;    
 	width: 11px;    
 	height: 7px;  
 	}    
 	.tooltip .xarrow b {      
 		display: block;      
 		background:#666;      
 		border-left:1px solid #333;     
 		border-right:1px solid #333;
 		font-size:1px;
 		height: 1px;
 	}    
 	.tooltip .xarrow .a1 { 
 		margin: 0 5px; 
 		background-color: #333; 
 		border: 0 solid; 
 		width: 1px; 
 	}    
 	.tooltip .xarrow .a2 { 
 		width: 1px; margin: 0 4px;
 		}    
 	.tooltip .xarrow .a3 { 
 			width: 3px; margin: 0 3px;
 		}    
 	.tooltip .xarrow .a4 { 
 		width: 5px; margin: 0 2px;
 	}    
 	.tooltip .xarrow .a5 { 
 		width: 7px; margin: 0 1px;
 	}    
 	.tooltip .xarrow .a6 { 
 		width: 9px; margin: 0 0px;
 	}   
 	.tooltip .xboxcontent {    
 		padding: 0 .5em;  
 		margin: 0;    
 		color: #000;    
 		text-shadow: 1px 1px 0px #CCC;    
 		word-wrap:break-word;    
 		border: 1px solid #333;    
 		border-width: 0px 1px 0 1px;    
 		background-color: #666; 
 	}
 	
 	/* Stuff for prototype carousel */
 	
 	#hints {
 	 width: 320px;
 	 height: 68px;
 	 float: right;
 	 background-color: #97CAE5;
 	 color: #69A1BF;
 	 margin-right: 16px;
 	 margin-top: 16px;
 	 margin-bottom: 16px;
 	 border: 2px solid #69A1BF;
 	 text-align: left;
 	 font-weight: normal;
 	}
 	
 	#carousel-wrapper { 
 		width: 320px; 
 		height: 68px; 
 		overflow: hidden; 	
 	}
 	#carousel-content 
 		{
 			width: 320px;
 		}
 	#carousel-content .slide { 
 		float: left; 
 		width: 320px; 
 		height: 68px;
 	}
 	
 	#carousel-content .slide p
 		{
 			padding-left: 8px;
 		}
 	
 	.carousel_icon {
 		float: left;
 		margin: 2px;
 		display: block;
 	}
 	
 	.carousel_link {
 		float: right;
 		padding-right: 8px;
 	}
 	
 	.carousel_heading {
 		font-weight: bold;
 		padding-right: 8px;
 	}