h2 {

	font-size:24px;
}


h3 {
/*	color:#A10518; */
line-height:100%;
}

h4 {
line-height:100%;
}

h5{
	color:#A10518; 
}


.bold_hr {
 /* border-bottom:solid 3px #A0A0A0;*/
}


a:link {color:#002339}       
a:visited {color:#002339;}   
a:hover {color:#002339;}   
a:active {color:#002339;}        

 
 
.sortbutton a:link  {color: #4E6DCC;}
.sortbutton a:visited  {color: #4E6DCC;}
.sortbutton a:hover  {color: #4E6DCC;}
.sortbutton a:active  {color: #000000;}



#about  {
	color:#A10518;
	height:300px;
	}


.activepill .active a,
.activepill .active a:hover {
	  /* background-color: #C9C9B9; */
background-color:#A090FC;
}

.activepill a {
	  /* background-color: #C9C9B9; */
background-color:#E0DCF7;
}



.pillfont {
font-size:18px;
}

.batchpill .active a,
.batchpill .active a:hover {
	  background-color: #D3C1D6;
}

/* Carousel stuff */
#carousel_inner {
float:left; /* important for inline positioning */
background-color:#ECf4F6;
width:630px; /* important (this width = width of list item(including margin) * items shown */ 
overflow: hidden;  /* important (hide the items outside the div) */
border-radius: 7px;
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px;
}

#carousel_ul {
position:relative;
left:-610px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:9999px; /* important */

}

#carousel_ul li{
float: left; /* important for inline positioning of the list items */                                    
width:610px;  /* fixed width, important */
padding:0px;
height:auto;
margin-top:10px;
margin-bottom:10px; 
margin-left:0px; 
margin-right:15px; 
 }


#left_scroll, #right_scroll{
float:left; 
padding-top:60px;
height:130px; 
 
}

#left_scroll img, #right_scroll img{
/*styling*/
cursor: pointer;
cursor: hand;
}

.quote {
	width:200px;

}

.testimonial_container {
	border:solid 1px #D8D8D8;
	padding:10px;
	width:auto;
}

.red {
	color:#A10818;
}

.brightred {
	color:red;
}

.bigred {
	color:#A10818;
	font-size:14px;
	FONT-WEIGHT:700;
	position:relative;
	top:-12px;
	padding:0;
}

.BreadCrumSpacer
{
margin-top: 40px;
min-height: 40px;
height: 40px;
display: hidden;
}

.BreadCrumbBar
{
position: fixed;
width: 100%;
bottom: 0px;
left: 0px;
height: 30px;
background-color:#A0A0A0;

}

.breadCrumb
{
  list-style: none;
}

.breadCrumb a {
	color: #FFFFFF;
	
}



.breadCrumb li 
{
  margin-top: 6px;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
}

.breadCrumb .divider 
{
  padding: 0 5px;
   
}

.breadCrumb .active
{
color: #FFFFFF;
}

.breadCrumb .active a 
{
  color: #FFFFFF;
}

#accordion {
	padding:10px;
	 
}




#accordion a {
	color:#A10518;
	text-decoration:none;
}	

#accordpara {
	background-color:#E0D9C3;
	padding:10px;
	border-radius: 7px;
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px;
	overflow:hidden;

}

#sectionheader {
 
	padding:5px;
 
}

.v-carousel-mask {
	background: #ECf4F6; 
	width:auto; 
	height:260px; 
	overflow:hidden;
}

.v-carousel-mask li {
	border-bottom:1px solid #bbb; 
	color:#444;
	padding:10px 12px; 
	/* color:#aaa; */
}

.v-carousel-mask .visible-carousel-item {
	/* color:#222; */
}

.v-carousel-mask ul {
	list-style:none;

}



.bold_td {
	font-weight:700;
}

 #outline {
	 
	border:solid 1px #002339;

}

.button_strip_outline {
	margin-left:5px;
	padding: 7px;
	border:solid 1px #D8D8D8;
}

.date_strip_outline {
	margin-left:5px;
	padding: 10px;
	border:solid 1px #D8D8D8;
}

.boxoutline {
	 
	border:solid 1px #D8D8D8;
	padding:20px;

}


#outline a:hover {
	text-decoration:none;
}

#outlinepara {
/*	background-color:#d6d8ff; */
	background-color:#e6e6fa;
	margin:10px;
	padding:10px;
	border-radius: 7px;
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px;

}




.draw_fill {
	background-color:#F7F7F7;
	margin:5px;
	padding:10px;
}


.draw_fill_2 {
	background-color:#F7F7F7;
	margin:5px;
	padding:3px;
}

.invoice_history {
	background-color:#F7F7F7;
	margin:0px;
	padding:0px 2px 2px 2px;
	border-radius: 7px;
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px;
}


.warning_outline {
	margin: 2px 2px 2px 2px;
	border:solid 2px #D8D8D8;
}
.warning {
	color:white;
	background-color:red;
}


#outlineparadraw {
	background-color:#F3FAE8;
	margin:10px;
	padding:10px;
	border-radius: 7px;
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px;

}

.draw_client {
	background-color:#F3FAE8;
	border-color:#F3FAE8;
	border-width:5px;
	border-style:groove;
	padding:3px;
}

.odraft_client {
	background-color:#9693F5;
	border-color:#9693F5;
	border-width:5px;
	border-style:groove;
	padding:3px;
}

.user_delete{
	position:relative;
	left:25%;
	width:30%;
	height:24%;
	background-color:#e8e1e2;
	margin:10px;
	padding:10px;
	border-color:#5e5355;
	border-width:2px;
	border-style:solid;
	border-radius: 7px;
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px;
}



.draw_background {
	background-color:#F3FAE8;
	margin:10px;
	padding:10px;
	border-radius: 7px;
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px;
}

a:hover {
	text-decoration:none;
}

#faqModalLabel {
	font-weight:normal;
	color:#A10858;
	font-size:14px;
}

#cookiewarning {
	padding:0px;
	margin-left:0;
}

#cookiewarning a:link {color:white;}       
#cookiewarning a:visited {color:white;}   
#cookiewarning a:hover {color:white;}   
#cookiewarning a:active {color:white;} 
 

 /* .dropdown-menu li a:hover {background-color:red;}*/
 .compact {
	margin:0px;
 }

 .client {
	margin-top:3px;
	background-color:#ECFAD7;

 }

 .assoc {
	margin-top:3px;
	background-color:#FBFCD7;

 }





 .admin {
	margin-top:3px;
	background-color:#FAE8FA;

 }

 



.centered-cell {
   text-align: center;
   font-size:12px;
   font-weight:bold;
 } 

 .badge_id {
	font-size:12px;
	color:white; 
	background-color:#A0A0A0;
	padding:0px;
	text-align:center;
	border-radius: 50px;
	-moz-border-radius: 50px; 
	-webkit-border-radius: 50px;
}


.control {
	background-color:#E1FCFC;
	 
	padding:10px;
	font-size:14px;
	border-radius: 7px;
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px;

}


.drawcontrol {
	background-color:#C1E8D8;
	 
	padding:10px;
	font-size:14px;
	border-radius: 7px;
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px;

}

.drawitemcontrol {
	background-color:#E2E6A8;
	 
	padding:10px;
	font-size:14px;
	border-radius: 7px;
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px;

}



.controltitle{
	text-align:center;
	font-size:20px;

}

.invoice {
	background-color:#FBFCD7;
	 
	padding:10px;
	font-size:14px;
	/*
	border-radius: 7px;
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px;
*/
}


/* batch tabs */
.batch {
	background-color:#DBD9D9;
}

.activebatch {
	background-color:#F7F7F7;
}

.batchred {
	background-color:#DBD9D9;
}

 
.activebatch  a:link {color:#000;}       
.activebatch  a:visited {color:#000;}   
.activebatch  a:hover {color:#000;}   
.activebatch  a:active {color:#000;} 

 
.batch  a:link {color:#fff;}       
.batch  a:visited {color:#fff;}   
.batch  a:hover {color:#fff;}   
.batch  a:active {color:#fff;} 

.batchred  a:link {color:#F70723;}       
.batchred  a:visited {color:#F70723;}   
.batchred  a:hover {color:#F70723;}   
.batchred  a:active {color:#F70723;} 

/* remove lines from bootstrap table rows */
.nolines td th{
    border-top: none; 
 }

.shadow {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

.recordcontrol {
	background-color:#ECFAD7;
	 
	padding:10px;
	font-size:14px;
	border-radius: 7px;
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px;

}





.record {
	background-color:#FCE3B6;
	 
	padding:10px;
	font-size:14px;
	 
	border-radius: 7px;
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px;
 
}

.recorddraw {
	background-color:#47C9BA;
	 
	padding:10px;
	font-size:14px;
	 
	border-radius: 7px;
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px;
 
}


.itemdescription{
	width:75%;
	padding:10px;
	border-style:solid;
	border-color:#A0A0A0;
	border-width:1px;
	border-radius: 3px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	text-align:left;

}

.other_deal {
	background-color:#C6DCF5;
	 
	padding:10px;
	font-size:14px;
	 
	border-radius: 7px;
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px;
 
}

.notes {
	/* background-color:#F4EBFC; */
	 
	padding:10px;
	font-size:14px;
	 
	border-radius: 7px;
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px;
 
}

.notes:before {
	font-weight:bold;
	content:"Transaction Notes";
}


/* remove lines from bootstrap table rows */
.nolines td {
    border-top: none; 
 }



.outstanding {
/*
	font-size: 18px;
	font-weight:bold;
*/
}


 
.table td.rightcell {
  text-align: right;
}

.table th.rightcell {
  text-align: right;
}


.text_box {
padding: 5px 20px 5px 20px;
border:solid 1px #D8D8D8;
}

.text_box_purchased {
color:#A10818;
font-size:24px;
font-weight:bold;
padding: 5px 15px 5px 15px;
border:solid 4px #A10818;
}



.text_box_settled {
color:#92B379;
font-size:24px;
font-weight:bold;
padding: 5px 15px 5px 15px;
border:solid 4px #92B379;
}

.text_box_pending {
color:#2364DB;
font-size:24px;
font-weight:bold;
padding: 5px 15px 5px 15px;
border:solid 4px #2364DB;
}

.text_box_rejected {
color:#7A6510;
font-size:24px;
font-weight:bold;
padding: 5px 15px 5px 15px;
border:solid 4px #7A6510;
}



.alerts td {
	text-align: center;
	padding: 0 20px 0 20px;
}


.drawhome{
	background-color:#F3FAE8;
	padding:5px;
	font-size:14px;
	border-radius: 7px;
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px;
	overflow:auto;
}


.client_msg {
	padding: 5px;
	margin:5px;
	/* display:inline; */
	width: 53%;
	margin-top:3px;
	background-color:#ECFAD7;
	border-radius: 12px;
	-moz-border-radius: 12px; 
	-webkit-border-radius: 12px;

 }

 .assoc_msg {
	padding: 5px;
	margin:5px;
	/* display:inline; */
	width: 53%;
	margin-top:3px;
	background-color:#FBFCD7;
	border-radius: 12px;
	-moz-border-radius: 12px; 
	-webkit-border-radius: 12px;

 }

 .system_msg {
	padding: 5px;
	margin:5px;
	/* display:inline; */
	width: 53%;
	margin-top:3px;
	background-color:#FAE8FA;
	border-radius: 12px;
	-moz-border-radius: 12px; 
	-webkit-border-radius: 12px;

 }

 .smallfont {
	font-size:12px;
 }

 .list_total{
	float:right;
	background-color:#FBFCD7;
	font-weight:bold;

 }

 .customerlist {
	height:350px;
	width: 500px;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling:touch;
 }


#tt {
 position:absolute;
 display:block;
/*  background:url(tt_left.gif) top left no-repeat; */
 }
 #tttop {
 display:block;
 height:5px;
 margin-left:5px;
/* background:url(tt_top.gif) top right no-repeat;*/
 overflow:hidden;
 }
 #ttcont {
 display:block;
 padding:2px 12px 3px 7px;
 margin-left:5px;
 /* background:#A5ABB5; */
 background:#f6e359;
 color:#000;
 border-radius: 7px;
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px;
 }

#ttbot {
display:block;
height:5px; 
margin-left:5px;  
/*background:url(tt_bottom.gif) top right no-repeat; */
overflow:hidden;
}

.ttip {
	position:relative; 
	top:-13px;
}

.ttip_normal {
 position:relative; 
 top:-10px;
}

.ttip_low {
 position:relative; 
 top:-5px;
}

.ttip_high {
 position:relative; 
 top:-15px;
}

.tier1 {
	font-weight:bold;
	font-size:16px;
}

.tier2 {
	font-weight:bold;
	font-size:14px;
}

.tier2 a:link  {color: #000;}
.tier2 a:visited {color:#000;}   
.tier2 a:hover {color:#000;}   
.tier2 a:lactive {color:#000;}        

.neg_warning {
	background-color:red;
	color:white;
	font-size:16px;
}

.big_button{
	font-weight:bold;
	font-size:18px;
	padding:15px 60px 15px 60px;
	background-color:#F7F7F7;
	border:solid 0px #F7F7F7;
	border-radius: 7px;
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px;
}

.bp_home {
	height:400px;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling:touch;
}


.scroll_window600 {
	height:600px;
	padding:7px;
	overflow-y: scroll;
}

.scroll_window500 {
	height:500px;
	padding:7px;
	overflow-y: scroll;
}

.scroll_window400 {
	height:400px;
	padding:7px;
	overflow-y: scroll;
}

.scroll_window300 {
	height:300px;
	padding:7px;
	overflow-y: scroll;
}

.scroll_window200 {
	height:200px;
	padding:7px;
	overflow-y: scroll;
}

 
.required_asterisk {
	color:red;
	font-size:16px;

}