﻿@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,700');

/******************************************* NEW ROUNDED BOXES CSS START **********************************************/
/*
/*
/*
/**********************************************************************************************************************/
.graybar{
	color:rgba(0,0,0,0.05);
	background-color:rgba(0,0,0,0.05);
}

.maroonbutton
{
border: 1px solid rgba(0,0,0,0.15);
border-radius: .3em;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
padding: 0.1em .8em;
background: transparent;
background-color:#4C1316;
color: #ffffff;
}

.greybutton{
	
border: 1px solid rgba(0,0,0,0.15);
border-radius: .3em;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
padding: 0.1em .8em;
background: transparent;
color: rgba(0,0,0,0.6);
background-color:rgba(0,0,0,0.05);
	
	
}

.greyboxthin{
	
border: 1px solid rgba(0,0,0,0.15);
border-radius: .3em;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
padding: 0.1em .8em;
background: transparent;
color: rgba(0,0,0,0.6);
background-color:rgba(0,0,0,0.05);
	
	
}
	.invoice-container{
  	box-sizing: border-box;
		font-size: 1em;
		line-height: 1.2;
		font-family: 'Open Sans', sans-serif;
	}
	.invoice-container *, .invoice-container *:before, .invoice-container *:after {
	  box-sizing: inherit;
	}
	
	.invoice-container h2{
		color: #4C1316;
		margin: .25em 0;
		font-weight: 300;
		FONT-SIZE: 14px;
	}
	
	.invoice-container p{
		color: rgba(0,0,0,0.9);
		margin: .75em 0 1em 0;
	}
	.invoice-container a{
		border-bottom:  1px solid rgba(0,0,0,0.0);
		color: rgba(0,0,0,0.8);
		text-decoration:  none;
	}
	.invoice-container a:hover{
		cursor: pointer;
		border-bottom:  1px dotted rgba(0,0,0,0.1);
		color: rgba(0,0,0,0.9);
		transition: all .5s ease-in-out;
  		-moz-transition: all .5s ease-in-out;
  		-webkit-transition: all .5s ease-in-out;
	}
	.invoice-container, .open-sans{
		font-family: 'Open Sans', sans-serif;
		font-weight: 100;
	}
	.invoice-container .padding{
	 	padding: 2em;
	 	
	}	
	.invoice-container .border-grey{
	border: 1px solid rgba(0,0,0,0.15);
	}
	.invoice-container .border-top-green{
		border-top: 4px solid #618644;
	}
	.invoice-container .border-top-red{
		border-top: 4px solid #D62609;
	}
	.invoice-container .rounded{
		border-radius: .3em;
	}
	.invoice-container .background-light-grey{
		background: rgba(0,0,0,0.05);
	}
	.background-xlight-grey{
		background: rgba(0,0,0,0.02);
	}
	
	/**Form Object**/
	.invoice-container .button{ /*clear button*/
		border: 1px solid rgba(0,0,0,0.15);
		border-radius: .3em;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
		padding: 0.5em .8em;
		background: transparent;
		color: rgba(0,0,0,0.6);
		font-family: 'Open Sans', sans-serif;
	}
	.invoice-container .button:hover{
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
		color: rgba(0,0,0,0.8);
		cursor: pointer;
	}
	.invoice-container .button-maroon{ /*maroon button*/
		background: #4C1316;
		color: #FFF;
	}
	.invoice-container .button-maroon:hover{ /*maroon button*/
		background: #4C1316;
		color: rgba(255,255,255,0.8);
	}
	.invoice-container .button-grey{ /*maroon button*/
		background: rgba(0,0,0,0.05);
	}
	.invoice-container .button-grey:hover{ /*maroon button*/
		background: rgba(0,0,0,0.15);
	}
	.invoice-container input[type=text], .invoice-container input[type=password], .invoice-container input[type=tel], .invoice-container input[type=email], .invoice-container input[type=search], .invoice-container select, .invoice-container textarea{
		-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
		-moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
		box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
		padding: .5em;
		border-radius: .25em;
		border: 1px solid rgba(0,0,0,0.15);
		background: rgba(0,0,0,0.01);
		margin-bottom: .5em;
		width:100%;
		font-family: 'Open Sans', sans-serif;
		font-size: 1em;
		line-height: 1.2;
		outline: none;
	}
	
	.invoice-container option:hover { 
		background-color: #4C1316; 
		color:#FFF;
}

	.invoice-container option:not(:checked) { 
		background-color: #4C1316; 
		color:#FFF;
}

	.invoice-container label{
		font-weight: 700;
		margin-bottom: .5em;
		display: block;
	}

	    .one_half, .one_third, .two_third, .three_fourth,  .one_fourth, .one_sixth, .five_sixth{height:auto; min-height:1px; margin-right:5%; float:left; position:relative;}

    .one_half {width:47.5%;}

    .one_third{width:30%;}

    .two_third{width:65%;}

    .one_fourth{width:21.25%;}

    .two_fourth{width:44%;}

    .three_fourth{width:73.75%;}
	
	.one_fifth{ width: 17%;}
	
	.one_sixth{ width: 15.7%;}

	.five_sixth{ width: 79%;}

    .last{margin-right:0px; clear:right;}
	
	.clear{
		clear: both;
	}
	.text-align-right{
		text-align: right;
	}
	.text-align-left{
		text-align: left;
	}
	.text-align-center{
		text-align: center;
	}
	.font-color-black{
	 color: #000;
	}
	.font-color-maroon{
	 color: #4C1316;
	}
	.font-color-red{
	 color: #D62609;
	}
	.font-color-green{
	 color: #618644;
	}
	.invoice-container hr{
		border-color:  rgba(0,0,0,0.05);
		clear: both;
		margin: 2em 0;
	}
	.invoice-container .float-left{
		float: left;
	}
	.invoice-container .float-right{
		float: right;
	}
	.invoice-container .vertical-align-bot{
		vertical-align: bottom;
		
	}
	.invoice-container .vertical-align-top{
		vertical-align: top;
		
	}
	
/*LISTS*/	
	.invoice-container ul.subtle-list{
		list-style:  none;
		margin: 0 0 2em 0;
		padding: 0;
	}
	.invoice-container ul.subtle-list li{
		list-style:  none;
	}
	
	.invoice-container ul.inline-block-list{
		list-style:  none;
		margin: 0 0 2em 0;
		padding: 0;
	}
	.invoice-container ul.inline-block-list li{
		display: inline-block;
		list-style: none;
		margin: 0 .5em .5em 0;
	}
	
	.invoice-container ul.tabs{
		list-style:  none;
		margin: 2em 0 2em 0;
		padding: 0;
		border-bottom: 1px solid rgba(0,0,0,0.1);
	}
	.invoice-container ul.tabs li{
		display: inline-block;
		list-style: none;
		margin: 0 .5em -2px 0;
		border: 1px solid rgba(0,0,0,0.1);
		background: rgba(0,0,0,0.05);
	}
	.invoice-container ul.tabs li.active{
		border-bottom: 1px solid #FFF;
		background: #FFF;
	}
	.invoice-container ul.tabs li a{
		padding: .8em;
		display: block;
		border-bottom: none;
	}
	
	.invoice-container ul.tabs li.search{
		-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
		-moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
		box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
		padding: .5em;
		border-radius: .25em;
		border: 1px solid rgba(0,0,0,0.15);
		background: rgba(0,0,0,0.01);
		margin-bottom: 3em;
		width:  300px;
		font-family: 'Open Sans', sans-serif;
		font-size: 1em;
		line-height: 1.2;
		outline: none;
	}
	.invoice-container ul.tabs li.search input[type=search], .invoice-container ul.tabs li.search input[type=button]{
		-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
		-moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
		box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
		padding: 0;
		border-radius: .25em;
		border: 1px solid rgba(0,0,0,0);
		background: rgba(0,0,0,0.0);
		margin-bottom: 0em;
		width:  90%;
		display: inline-block;
	}
	.invoice-container ul.tabs li.search input[type=button], .invoice-container ul.tabs li.search a{
		width:  10%;
		display: inline-block
	}
	
	
	.invoice-container ul.invoice-list{
		list-style:  none;
		padding: 0;
		margin: 0;
		display:block;
	}
	.invoice-container ul.invoice-list > li{
		list-style:  none;
		display: inline-block;
		float: left;
		padding: 1em;
		width: 350px;
		margin: 0 50px 3em 0;
	}
	
	.invoice-container ul.grey-list{
		list-style:  none;
		padding: 0;
		margin: 0 0 1em -;
		
	}
	.invoice-container ul.grey-list li{
		list-style:  none;
		display: block;
		padding: 1em;
		border-bottom:  1px solid rgba(0,0,0,0.15);
		background: rgba(0,0,0,0.02);
		vertical-align: top;
	}
	.invoice-container ul.grey-list li:first-child{
		border-top:  1px solid rgba(0,0,0,0.2);
	}
	.fa:first-child{
		font: normal normal normal 14px/1 FontAwesome;
	}
	
	
	.history-list{
		padding: 0;
		margin: 1em 0;
	}
	.history-list li{
		list-style: none;
		display: block;
		margin-left: 20px;
	}
	.history-list li:before{
		content: " ";
		background: rgba(0,0,0,0.05); 
		width: 1em;
		height: 1em;
		display: block;
		border-radius: 100%;
		left: -20px;
		position: relative;
		float: left;
	}
	.history-list li:after{
		content: " ";
		background: rgba(0,0,0,0.05); 
		width: 2px;
		height: 2em;
		display: block;
		left: -20px;
		position: relative;
		clear: both;
		margin-left: 7px;
		margin-top: -2px;
	}
	
	.history-list li:after:last-child{
		display: none;
	}
	
	.history-list li.dot-green:before{
		background: #000;
	}
	.history-list li.dot-green:before{
		background: #618644;
	}
	.history-list li.dot-maroon:before{
		background: #4C1316;
	}
	

.LeftCorner {
	background-image: url(../images/topLeft1.png?ver=1);
	background-repeat: no-repeat;
	width: 15px;
	max-width: 15px;
	min-width: 15px;
	height: 30px;
	padding: 0px;
	margin: 0px;
}
.MiddleHeader {
	background-image: url(../images/1pxHeaderFill.png?ver=1);
	background-repeat: repeat-x;
	max-width: none;
	height: 30px;
	padding: 0px;
	margin: 0px;
	font-size: 11px; 
	/*font-family: Trebuchet MS, Verdana, Geneva, Arial, helvetica, sans-serif;*/
	font-weight: bolder;
	color: #FFF;
}
.RightCorner {
	background-image: url(../images/topRight1.png?ver=1);
	background-repeat: no-repeat;
	width: 15px;
	max-width: 15px;
	min-width: 15px;
	height: 30px;
	padding: 0px;
	margin: 0px;
}
.TblBdrLeft {
	background-image: url(../images/borderLeft.png?ver=1);
	background-repeat: repeat-y;
	width:15px;
}
.TblBdrLeft2 {
	background-image: url(../images/borderLeft.png?ver=1);
	background-repeat: repeat-y;
	/*float: left;*/
	
}
.TblBdrRight {
	background-image: url(../images/borderRight.png?ver=1); 
	background-repeat: repeat-y;
	/*float:right;*/
	background-position: right;

}
.TblBdrRight2 {
	background-image: url(../images/borderRight.png?ver=1);
	background-repeat: repeat-y;
	/*float:right;*/
	background-position: right;
	
}
.botLeft {
	background-image:url(../images/bottomLeft2.png?ver=1); 
	background-repeat:no-repeat; 
	background-position: bottom left;
}
.botMiddle {
	background-position: bottom; 
	background-image: url(../images/1pxBottomHeaderFill2.png?ver=1); 
	background-repeat: repeat-x;
}
.botRight {
	background-image:url(../images/bottomRight2.png?ver=1); 
	background-repeat:no-repeat; 
	background-position: bottom right;
}
.insideTblPad {
	padding:5px 0px 5px 0px;
}
/************************************ NEW ROUNDED BOXES CSS END *******************************************************/
/*
/*
/*
/**********************************************************************************************************************/
/*<!–[if gte IE 5]>
<style type="text/css">
body {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(../images/logo_30.png’ ,sizingMethod=’scale’);
}

</style>
<![endif]–>*/

/************************************** START CHANGE THIS SECTION FOR NEW DEMOS *********************************************/
/*
/*
/*
/**********************************************************************************************************************/
BODY
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
	background-repeat:no-repeat;
	background-position:center;
	background-color: #FFF;
	margin: 0px;
	
	
}
.demoTopLogo {
	background-image: url(../DemoLogos/bmalarge.png?ver=1);
	background-repeat: no-repeat;
	/*width: 273px;*/
	width: 303px;
	height: 132px;
	border: 0px;
	margin: 20px 0px -20px 5px;
	/*	margin:-10px 5px 10px 5px;
	
	margin: -10px -5px 10px -5px;*/
	background-color: none;
	vertical-align: middle;
}
.topLeftLogo {
	background-image:url(../DemoLogos/bmalarge.png?ver=1);
	background-repeat:no-repeat;
	background-position:center;
	background-color:#FFFFFF;
	width:273px; 
	height:132px; 
	border:0px; 
	margin:-10px 5px 10px 5px;
	float:left;
}
.login_btn {
	background-color: #481617;
	border:2px solid #FFFFFF;
	color: #FFFFFF; 
	font-size: 10pt; 
	font-family: Arial; 
	font-weight: bold;
	background-image: url('../images/tr_top_header.png?ver=1');
	background-repeat: repeat-x;
}
.cancel_btn {
	background-color: #481617;
	border:2px solid #FFFFFF;
	color: #FFFFFF; 
	font-size: 10pt; 
	font-family: Arial; 
	font-weight: bold;
	background-image: url('../images/tr_top_header.png?ver=1');
	background-repeat: repeat-x;
}
/*#loginLogo {
	background-image:url(../images/tpab_logo.jpg;)
	border:0;
	width:335px;
	height:88px;
}*/
/************************************** END CHANGE THIS SECTION FOR NEW DEMOS *****************************************/
/*
/*
/*
/**********************************************************************************************************************/
/************************************** NEW BUTTON STYLES *************************************************************/
/*
/*
/*
/**********************************************************************************************************************/
.DashdivTable
{
     display:  table;
    width:100%; 
    border-spacing:5px;/*cellspacing:poor IE support for  this*/
   /* border-collapse:separate;*/
}

.DashdivRow
{
    display:table-row;
   width:auto; 
}

.DashdivCell
{
    float:left ;/* fix for  buggy browsers*/
    display:table-column;
    width:auto;  
    margin: 0px 10px;
    padding:0px 10px;
 

}
.DashdivCellCenter
{
    float:left ;/*fix for  buggy browsers*/
     display:table-column;
    border:1px #DDDDDD solid;border-top-width:0px;border-bottom-width:0px;
    margin: 0px 10px;
    padding:0px 10px;
    width:700px;
     
}
.DashHeadlineTxt
{
	font-size:16px;
	font-weight:bold;
	color:#481617;
	
	
}
.DashSubHeadlineTxt
{
	font-size:14px;
	font-weight:bold;
	color:#481617;
	
	
}

.DashContent
{
	
	
}
.DashContentLine
{
  border: 0;
    height: 0;
    border-top: 0px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid #DDDDDD;
    	background-color: #FFFFFF;

	
	
}

.btnStandard {
	FONT-WEIGHT: bolder;
    color: #ffffff;
    background-color: #481617;
	font-size:11px;
	background-image: url('../Images1/btnStandard.png?ver=1');
	background-repeat: repeat-x;
	height: 30px;
	padding:0px 0px 0px 0px;
}
.btnProceed {
	FONT-WEIGHT: bolder;
    color: #ffffff;
    background-color: #481617;
	font-size:11px;
	background-image: url('../Images1/btnProceed.png?ver=1');
	background-repeat: repeat-x;
	height: 30px;
	padding:0px 0px 0px 0px;
}
.btnWarning {
	FONT-WEIGHT: bolder;
    color: #ffffff;
    background-color: #481617;
	font-size:11px;
	background-image: url('../Images1/btnWarning.png?ver=1');
	background-repeat: repeat-x;
	height: 30px;
	padding:0px 0px 0px 0px;
}

.sqrDftBut {
	background-image:url(../images/search_button.png?ver=1); 
	background-repeat:no-repeat; 
	height:20px; 
	width:auto; 
	font-size:10px; 
	font-weight:bolder; 
	color:#000000; 
	border:1px solid #666666;

}
.sqrDftBut2 {
	background-image:url(../images/td_top_header.png?ver=1); 
	background-repeat:no-repeat; 
	height:20px; 
	width:auto; 
	font-size:11px; 
	font-weight:bolder; 
	color:#000000; 
	border:1px solid #666666;
}

/**********************************************************************************************************************/
/*
/*
/*
/************************************** END NEW BUTTON STYLES *********************************************************/
a:link.mailheader, a.mailheader, a:active.mailheader, a:visited.mailheader {
	text-decoration:none;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bolder;
	color:#FFFFFF;
}
a:hover.mailheader {
	text-decoration:none;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bolder;
	color:#481617;
}

A.sort
{
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
    TEXT-DECORATION: none;
}
A.sort:visited
{
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
    TEXT-DECORATION: none;
}
A.sort:active
{
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
    TEXT-DECORATION: none;
}
A.sort:link
{
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
    TEXT-DECORATION: none;
}
A.sort:hover
{
    FONT-WEIGHT: bolder;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
    TEXT-DECORATION: underline;
}
A.sortheader
{
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
    TEXT-DECORATION: none;
}
A.sortheader:visited
{
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
    TEXT-DECORATION: none;
}
A.sortheader:active
{
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
    TEXT-DECORATION: none;
}
A.sortheader:link
{
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
    TEXT-DECORATION: none;
}
A.sortheader:hover
{
    FONT-WEIGHT: bolder;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
    TEXT-DECORATION: underline;
}
A.underline
{
    FONT-WEIGHT: normal;
    COLOR: #481617;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
    TEXT-DECORATION: underline;
}
A.underline:link
{
    FONT-WEIGHT: normal;
    COLOR: #481617;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
    TEXT-DECORATION: underline;
}
A.underline:visited
{
    FONT-WEIGHT: normal;
    COLOR: #481617;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
    TEXT-DECORATION: underline;
}
A.underline:hover
{
    FONT-WEIGHT: normal;
    COLOR: #982E31;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
    TEXT-DECORATION: none;
}
A
{
    FONT-WEIGHT: normal;
    COLOR: #481617;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
    TEXT-DECORATION: underline;
}
A:link
{
    FONT-WEIGHT: normal;
    COLOR: #481617;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;

}
A:visited
{
    FONT-WEIGHT: normal;
    COLOR: #481617;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
    TEXT-DECORATION: underline;
}
A:active
{
    FONT-WEIGHT: normal;
    COLOR: #481617;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
}
A:hover
{
    FONT-WEIGHT: normal;
    COLOR: #982E31;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;

}
.off
{
    BACKGROUND-COLOR: #aaccff;
}
.on
{
    BACKGROUND-COLOR: #ffffff;
}
.frame
{
    BORDER-RIGHT: #481617 solid;
    BORDER-TOP: #481617 solid;
    BORDER-LEFT: #481617 solid;
    BORDER-BOTTOM: #481617 solid;
}
.border
{
    BORDER-LEFT-COLOR: #481617;
    BORDER-BOTTOM-COLOR: #481617;
    BORDER-TOP-STYLE: solid;
    BORDER-TOP-COLOR: #481617;
    BORDER-RIGHT-STYLE: solid;
    BORDER-LEFT-STYLE: solid;
    BORDER-RIGHT-COLOR: #481617;
    BORDER-BOTTOM-STYLE: solid
}
.submitimage
{
    BORDER-TOP-STYLE: none;
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    BORDER-BOTTOM-STYLE: none
}
.noborder
{
    BORDER-TOP-STYLE: none;
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    BORDER-BOTTOM-STYLE: none
}
.checkbox
{
    FILTER: ;
    BORDER-TOP-STYLE: none;
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    BORDER-BOTTOM-STYLE: none
}
.radio
{
    FILTER: none;
    BORDER-TOP-STYLE: none;
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    BORDER-BOTTOM-STYLE: none
}
.dropshadow
{
    FILTER: progid:DXImageTransform.Microsoft.dropShadow(Color=6B675B,offX=1,offY=1,positive=true)
}
.greenbox
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    BORDER-LEFT-COLOR: #481617;
    BORDER-BOTTOM-COLOR: #481617;
    COLOR: #ffffff;
    BORDER-TOP-STYLE: solid;
    BORDER-TOP-COLOR: #481617;
    FONT-FAMILY: Arial;
    BORDER-RIGHT-STYLE: solid;
    BORDER-LEFT-STYLE: solid;
    BACKGROUND-COLOR: #008000;
    BORDER-RIGHT-COLOR: #481617;
    BORDER-BOTTOM-STYLE: solid
}
.redbox
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    BORDER-LEFT-COLOR: #481617;
    BORDER-BOTTOM-COLOR: #481617;
    COLOR: #ffffff;
    BORDER-TOP-STYLE: solid;
    BORDER-TOP-COLOR: #481617;
    FONT-FAMILY: Arial;
    BORDER-RIGHT-STYLE: solid;
    BORDER-LEFT-STYLE: solid;
    BACKGROUND-COLOR: #982E31;
    BORDER-RIGHT-COLOR: #481617;
    BORDER-BOTTOM-STYLE: solid
}
.menulink
{
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
    TEXT-DECORATION: none
}
.menulink:link
{
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
    TEXT-DECORATION: none
}
.menulink:visited
{
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
    TEXT-DECORATION: none
}
.menulink:active
{
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
    TEXT-DECORATION: none
}
.menulink2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
    TEXT-DECORATION: none
}
.menulink2:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
    TEXT-DECORATION: none
}
.menulink2:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
    TEXT-DECORATION: none
}
.menulink2:active
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
    TEXT-DECORATION: none
}
.menulink2:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
    TEXT-DECORATION: none
}
.totals
{
    BACKGROUND-COLOR: #FFFF80
}
.subtotals
{
    BACKGROUND-COLOR: #FFFF80
}
.items
{
    BACKGROUND-COLOR: #ff9999
}
.smallfont
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif,sans-serif
}
.smalltext
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif
}
.highlight
{
    FONT-WEIGHT: bold;
    BACKGROUND: #ffffcc;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif
}
.tablebg
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
    BACKGROUND-COLOR: #481617;
}
.InactiveTab
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
    BACKGROUND-COLOR: #3399FF;
}
.tableborder
{
    BORDER-LEFT-COLOR: #481617; /*9999FF*/
    BORDER-BOTTOM-COLOR: #481617;
    BORDER-TOP-STYLE: solid;
    BORDER-TOP-COLOR: #481617;
    BORDER-RIGHT-STYLE: solid;
    BORDER-LEFT-STYLE: solid;
    BORDER-RIGHT-COLOR: #481617;
    BORDER-BOTTOM-STYLE: solid;
}
.pageheader
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
}
.tablebox
{
    BORDER-RIGHT: #481617 1px solid;
    BORDER-TOP: #481617 1px solid;
    BORDER-LEFT: #481617 1px solid;
    BORDER-BOTTOM: #481617 1px solid;
    BORDER-COLLAPSE: collapse;
    BACKGROUND-COLOR: #ffffff;
	/*background-image:url(../images/leftShadow.png?ver=1); 
	background-repeat:repeat-y; */
	padding:10px;
}
.tablebox #tdAlt {
	background-image:url(../images/td_top_header.png?ver=1);
	font-weight:bolder;	
	font-size: 8px;
	background-repeat:repeat-x;
}
.tdBrdr {
	border-bottom: 1px dashed #481617;
}
.tablebox #trAlt {
	background-image:url(../images/tr_top_header.png?ver=1);
	font-weight:bolder;	
	font-size: 8px;
	background-repeat:repeat-x;
	padding:2px 0px 2px 0px;
} 
.tblpadding {
	padding:0px 0px 0px 15px;	
}
/* some tables have a 5 - 8 px padding by default if so use this class="tblpadding2" */
.tblpadding2 {
	padding: 0px 0px 0px 7px;
}
.tblmargin {
	margin-left:10px;
}
.tablebox2
{
    BORDER-RIGHT: #481617 1px solid;
    BORDER-TOP: #481617 1px solid;
    BORDER-LEFT: #481617 1px solid;
    BORDER-BOTTOM: #481617 1px solid;
    BORDER-COLLAPSE: collapse;
    BACKGROUND-COLOR: #dee8eb;
}
.tablebox3
{
    BORDER-RIGHT: #481617 1px solid;
    BORDER-TOP: #481617 1px solid;
    BORDER-LEFT: #481617 1px solid;
    BORDER-BOTTOM: #481617 1px solid;
    BORDER-COLLAPSE: collapse;
    BACKGROUND-COLOR: #ffffff;
}
.tableboxheader
{
    FONT-WEIGHT: bolder;
    COLOR: #FFFFFF;
    BACKGROUND-COLOR: #481617;
	font-size:11px;
	/* background-image: url('../images/tr_top_header.png?ver=1');
	background-repeat: repeat-x; */
	height: 20px;
	padding:0px 0px 0px 10px;
}
.tableboxheader2
{
    FONT-WEIGHT: bolder;
    COLOR: #222222;
    BACKGROUND-COLOR: #EEEEEE;
	font-size:11px;
	/*background-image: url('../images/tr_top_header.png?ver=1');
	background-repeat: repeat-x; */
	height: 20px;
	padding:0px 10px 0px 10px;
}
.ToolbarButton
{
	FONT-WEIGHT: bolder;
    COLOR: #ffffff;
    BACKGROUND-COLOR: #481617;
	font-size:11px;
	height: 20px;
	padding:0px 10px 0px 10px;
	border:1px #fff solid;

	
	
}
.tableboxodd
{
    BACKGROUND-COLOR: #ffffff;
}
.tableboxnoborder
{
    BACKGROUND-COLOR: #efeff7;
}
.arrow
{
    BORDER-RIGHT: 0px;
    BACKGROUND-POSITION: right 50%;
    BORDER-TOP: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 20px;
    BACKGROUND-IMAGE: url(../images/circlearrow.gif);
    BORDER-LEFT: 0px;
    CURSOR: hand;
    COLOR: #336699;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #ffffff
}
.backarrow
{
    BORDER-RIGHT: 0px;
    BACKGROUND-POSITION: left 50%;
    BORDER-TOP: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 20px;
    BACKGROUND-IMAGE: url(../images/circlearrow2.gif);
    BORDER-LEFT: 0px;
    COLOR: #336699;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #ffffff
}
.largeinput
{
    BORDER-RIGHT: 1px solid;
    BORDER-TOP: 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    BORDER-LEFT: 1px solid;
    CURSOR: hand;
    COLOR: #336699;
    BORDER-BOTTOM: 1px solid;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #ffffff
}
.enrollmentdeptoolbar
{
    BORDER-LEFT-COLOR: #dee8eb;
    BORDER-BOTTOM-COLOR: #dee8eb;
    BORDER-TOP-COLOR: #dee8eb;
    BORDER-RIGHT-COLOR: #dee8eb
}
.depselected
{
    BORDER-TOP-WIDTH: 5px;
    BORDER-LEFT-WIDTH: 5px;
    BORDER-LEFT-COLOR: #ece9d8;
    BORDER-BOTTOM-WIDTH: 5px;
    BORDER-BOTTOM-COLOR: #ece9d8;
    BORDER-TOP-COLOR: #ece9d8;
    BORDER-RIGHT-WIDTH: 5px;
    BORDER-RIGHT-COLOR: #dee8eb
}
.enrollSelectedBg
{
    BACKGROUND-COLOR: #dee8eb
}
.enrollNotSelectedBg
{
    BACKGROUND-COLOR: #c6c6c6
}
.enrollTermd
{
    FONT-SIZE: 10px;
    COLOR: #5e0000;
    FONT-FAMILY: Arial;
    LETTER-SPACING: 1px;
    FONT-VARIANT: small-caps
}
.enrollReq
{
    FONT-SIZE: 10px;
    COLOR: #a11010;
    FONT-FAMILY: Arial;
    LETTER-SPACING: 2px;
    FONT-VARIANT: small-caps
}
.enrollTermdDisplay
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 14px;
    COLOR: #5e0000;
    FONT-FAMILY: Arial;
    LETTER-SPACING: 1px;
    TEXT-ALIGN: center;
    FONT-VARIANT: small-caps
}
.buttonsmall
{
    BORDER-RIGHT: #336699 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #336699 1px solid;
    PADDING-LEFT: 5px;
    FONT-SIZE: 10px;
    BORDER-LEFT: #336699 1px solid;
    BORDER-BOTTOM: #336699 1px solid;
    FONT-FAMILY: Arial, Verdana, Sans-Serif;
    BORDER-COLLAPSE: collapse;
    BACKGROUND-COLOR: #ffffff;
}
TD.enrollon
{
    BACKGROUND-COLOR: #ffffff;
}
TD.enrolloff
{
}
TD
{
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
}
TH
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
    BACKGROUND-COLOR: #481617;
}
FONT
{
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
}
INPUT.checkbox
{
    FONT-SIZE: 8pt;
    FILTER: ;
    FONT-FAMILY: Arial, Verdana, Sans-Serif;
    BORDER-COLLAPSE: collapse;
    BACKGROUND-COLOR: #ffffff;
}
INPUT
{
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
	\\FILTER: progid:DXImageTransform.Microsoft.DropShadow(color="#666666",offX=2,offY=2);
    FONT: 10px Verdana, Geneva, Arial, helvetica, sans-serif;
    BORDER-LEFT: #000000 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #000000 1px solid;
    BACKGROUND-COLOR: #ffffff;
}
TEXTAREA
{
    BORDER-RIGHT: #336699 1px solid;
    BORDER-TOP: #336699 1px solid;
    FONT-SIZE: 8pt;
    FILTER: progid:DXImageTransform.Microsoft.DropShadow(color="#666666",offX=2,offY=2);
    BORDER-LEFT: #336699 1px solid;
    BORDER-BOTTOM: #336699 1px solid;
    FONT-FAMILY: Arial, Verdana, Sans-Serif;
    BORDER-COLLAPSE: collapse;
    BACKGROUND-COLOR: #ffffff;
}
SELECT
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    BACKGROUND: #ffffff;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
}
HR
{
    COLOR: #481617 ;
    HEIGHT: 1px;
	background-color: #481617;
	border: 0 none;
}
H1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: #481617;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
}
H2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif
}
H3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
}
P
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
}
TT
{
    FONT-SIZE: 8pt;
    COLOR: #000000;
}
.eligibilityTermed
{
    BACKGROUND-COLOR: #cccccc;
}
.eligibilitySelected
{
    BORDER-RIGHT: medium none;
    BACKGROUND-COLOR: #ffffff;
}
.eligibilityActive
{
    BACKGROUND-COLOR: #d0e4f8;
}
INPUT.text
{
	filter:none;
}

.liactive{
	background: #ccc;color:#000
	
}

ul#nav {margin: 0 0 0 0px;color: #fff;}
ul.dropmenu a { display:block;  font-size: 14px; text-decoration: none;color: #fff;}
ul.dropmenu a:hover,ul.dropmenu a.hover {color: #000;transition: all 0.5s ease-in-out 3s;}
ul.dropmenu , ul.dropmenu li, ul.dropmenu ul { list-style: none; margin: 0; padding: 0; font-size: 12px;  background: #481617;color: #fff;border-right:1px solid #fff;  }
ul.dropmenu { position: relative; z-index: 597; float: left; color: #fff;min-width:100%;}
ul.dropmenu li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; padding: 5px 10px;color: #fff; }
ul.dropmenu li.hover, ul.dropmenu li:hover { position: relative; z-index: 599; cursor: hand; background: #ccc;color:#000; }
ul.dropmenu ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 195px;  border: 1px solid #fff;transition: all 1s ease 0s; }
ul.dropmenu ul li { float: none;color: #fff;}
ul.dropmenu ul ul { top: -2px; left: 100%;color: #fff; }
ul.dropmenu li:hover > ul { visibility: visible;}

.bgheader{    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
    BACKGROUND-COLOR: #481617;
}


.shadetab{
border:  1px solid #000000; 
background-color: #CCCCCC;
font: bold 12px Verdana;
}
.shadetabselect{
border:  1px solid #000000; 
background-color: #FFFFFF;
font: bold 12px Verdana;
border-bottom-color: white;
}
.shadebox{
border:  1px solid #000000; 
background-color: #FFFFFF;
font: bold 12px Verdana;
border-top-color: white;
}
.shadetabempty{
border:  1px solid #000000; 
background-color: #FFFFFF;
font: bold 12px Verdana;
border-top-color: white;
border-right-color: white;
}
td.beftershadow img{
 filter:progid:DXImageTransform.Microsoft.Shadow(Color=#eeeeee, direction=135, strength=8);
}
/* Section underneath tabs (starting header for main content area) */
.contentheader { 
	border-bottom:1px solid #481617;
}
.hlthctrpadding {
	padding-left:5px;
}

.content {
	/*display: inline; Fix IE floating margin bug*/;
	/*float: left;*/
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 20px;
	width: 100%;
	background-color: #FFFFFF;
	font-size: 10pt;
	overflow: visible !important /*Non-IE6*/;
	overflow: hidden /*IE6*/;
}
.c:after, .dialog:after {
    clear: both;
}
.c:before, .c:after, .dialog:before, .dialog:after {
    content: "";
    display: table;
}
.dialog {
         width: 100%; /*was 67%*/
       /* margin:0px 0px 0px 0px;   was 0px auto*/
        /* min-width:0em; was 20em*/
         /*max-width:800px;  I only cut the left background images out to 800px. You could do much larger, etc. */
         color:#000;
        }
.dialog .hd .c, .dialog .ft .c {
	font-size: 1px; /* ensure minimum height */;
	height: 10px;
}
.dialog .hd {
	background: transparent  url(../ContentBoxes/images/topLeft1.png?ver=1) no-repeat 0px;
	/*background: transparent url(../ContentBoxes/images/topLeft2.png?ver=1) no-repeat;*/
	 /* margin-right: 0px;space for right corner ;*/
	width: 100%;
	height: 30px;

}
.dialog .hd .c {
	background: transparent url(../ContentBoxes/images/topRight1.png?ver=1) no-repeat right 0px;
	height: 30px;
}
.dialog .bd {

	background: transparent url(../images/borderLeft.png?ver=1) repeat-y 0px 0px;
	/*background: transparent url(../ContentBoxes/images/midLeft.png?ver=1) repeat-y 0px 0px;*/

	width: 100%;
	margin-top: 0px;
	padding: 0px 0 0px 0;

}
.dialog .bd .c {
	background: transparent url(../images/borderRight.png?ver=1) repeat-y right 0px;

	width: 100%;
}
/*.dialog .bd .c .s {
         margin:0px 8px 0px 4px;
         background:#000 url(images/midSolid.jpg) repeat-x 0px 0px;
         padding:1em;
        }*/
.dialog .ft {
	background: transparent url(../ContentBoxes/images/bottomLeft4.png?ver=1) no-repeat 0px 0px;
	background-repeat: repeat-x;
	height: 5px;
	width: 100%;

}
.dialog .ft .c {
	background: transparent url(../ContentBoxes/images/bottomLeft4.png?ver=1) no-repeat 0px 0px;
	background-repeat: repeat-x;
	height: 5px;
}
/* content-specific */
.dialog h1 {
	/* header 
	background-image: url(../images/1pxHeaderFill.png?ver=1);
	background-repeat: repeat-x;*/
	color:#ffffff;
    font-size: 10pt;
    padding: 5px 0px 5px 30px;
    margin: -27px 10px 10px 10px;
	/*margin: 30px;
	
	margin-top: -0.6em;*/
}
p {
	font-family: Arial, sans serif;
}
.dialog p {

	padding: 0px;
	font: 0.95em/1.5em Arial, sans-serif;
}

.MessageText {
	color: #b01116;
	rgb(176,17,22);
	margin-left: 5px;
}
.MessageBox {
	color: #b50a00;
	margin-left: 5px;
	font-size: 8pt;
	border:1px #b50a00 solid;
}
.roundborder {
	border:2px #481617 solid;
	padding:20px;
	border-radius: 25px;
	
}
.roundtable {
	border:2px #481617 solid;
	padding:0px;
	border-radius: 25px;

	
}
.contentbox
{
	font-size: 10pt;

	
}
.contenthead
{
	font-size: 10pt;
	font-weight:bold;
}
.roundtableheader {
	border:2px #481617 solid;
	padding:0px;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	FONT-WEIGHT: bold;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
    BACKGROUND-COLOR: #481617;

	
}
.roundtablefooter{
	border:2px #481617 solid;
	padding:0px;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
	FONT-WEIGHT: bold;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
    BACKGROUND-COLOR: #481617;

	
}

.HeaderLabel {
	max-width: none;
	height: 30px;
	padding: 0px;
	margin: 0px;
	font-size: 11px; 
	font-weight: bolder;
	color: #FFF;

	
}

#breadcrumbs-one{
  background: none;
  border-width: 0px;
  border-style: solid;
  border-radius: 5px;
  overflow: hidden;
  width: 100%;
}

#breadcrumbs-one li{
  float: left;
}

#breadcrumbs-one a{
  padding: .5em 0em .5em 2em;
  float: left;
  text-decoration: none;
  color: #fff;
  position: relative;
  background-color: #481617;
  
}

#breadcrumbs-one li:first-child a{
  padding-left: 1em;
  border-radius: 5px 0 0 5px;
}

#breadcrumbs-one a:hover{
  background: #ccc;
  color: #000;
}

#breadcrumbs-one a::after,
#breadcrumbs-one a::before{
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;   
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid;
  right: -1em;
}

#breadcrumbs-one a::after{ 
  z-index: 2;
  border-left-color: #481617;  
}

#breadcrumbs-one a::before{
  border-left-color: #fff;  
  right: -1.1em;
  z-index: 1; 
}

#breadcrumbs-one a:hover::after{
  border-left-color: #ccc;
}

#breadcrumbs-one .current,
#breadcrumbs-one .current:hover{
  font-weight: bold;
  background:none;
   color: #000;
   text-decoration:underline;
}

#breadcrumbs-one .current::after,
#breadcrumbs-one .current::before{
  content: normal;  
}

.greenboxthin{ 
border:2px solid rgba(0,0,0,0.15);
border-color:rgba(0,0,0,0.05);
border-top-color:#618644;
border-top-width:5px;
padding:10px;
	
}

.redboxthin{ 
border:2px solid rgba(0,0,0,0.15);
border-color:rgba(0,0,0,0.05);
border-top-color:#D62609;
border-top-width:5px;
padding:10px;
	
}


.inputbox{
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
    background-color:rgba(0,0,0,0.05);
    border-width:0px;
    border-radius: .3em;
    padding: .5em .8em;
    width:400px;
}

selectbox{
	
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
    background-color:rgba(0,0,0,0.05);
    border-width:0px;
    border-radius: .3em;
    padding: 0.1em .8em;


	
	
}
/************ START RESPONSIVE CSS *************/	
	@media only screen and (max-width: 1200px) {
    	.one_half{
			width: 100%;
  			margin: 10px 0%;
		}
		.three_fourth, .one_fourth{
			width: 45%;
		}
	}
	
	@media only screen and (max-width: 900px) {
    	.one_half, .one_third, .two_third, .three_fourth,  .one_fourth, .last{
			width: 100%;
  			margin: 10px 0%;
		}
	}






