/*General styles*/
body{
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;/*#CEEBB1; #BDDE6B;*/
	color: #000000;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: small; 
	font-style: normal; 
	line-height: normal; 
	font-weight: normal; 
	font-variant: normal; 
	text-transform: none; 
	text-decoration: none;
}

/*div styles*/
#header {
	width: 95%;
	margin-left: 2.5%;
	margin-right: 2.5%;
	padding-top: 2%;
	padding-bottom: 2%;
	font-family: Times New Roman, serif;
	font-weight: bold;
	font-size: 26px;
	color: #33426A;
	letter-spacing: 3px;
	text-transform: uppercase;
	font-style: italic;
	background: url('images/headerbg3.gif') no-repeat;
}

#breadcrumbs{
	width: 95%;
	clear: both;
	margin-left: 2.5%;
	margin-right: 2.5%;
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
}

#page{
	width: 95%;
	clear: both;
	margin-left: 2.5%;
	margin-right: 2.5%;
	border: 2px solid #ffffff;
}
#menu{ /*inherit page*/
	background: url("images/bgmenubar2.gif"); 
}

#content{ /*inherit page*/
	background-color: #f0f2f5;
	padding-top: 2%;
	padding-bottom: 5%;
	padding-left: 2%;
	padding-right: 2%;
}

/* carriers tab -> edit traffictypes layout*/
/*-------------------------------------------
#help{
	width: 100%;
	height: 150px;
}
#left{
	width: 35%;
	height: 100%;
	float: left;
	
}
#right{
	width: 60%;
	height: 100%;
	float: right;
}
-------------------------------------------*/
#copyright {
	width: 95%;
	clear: both; 
	margin-left: 2.5%;
	margin-right: 2.5%;
	padding-top: 1%;
	padding-bottom: 1%;
	text-align: right;
	font-size: x-small;
}

/*text styles*/
.title {
	font-size: x-large;
	font-weight: bold;
	color: #006B00;
	vertical-align: middle;
}
.title2 {
	/*margin-left: 2%;	*/
	font-size: medium;
	font-weight: bold;
	color: #444444;
}
.title3 {
	/*margin-left: 2%;	*/
	font-size: small;
	font-weight: bold;
	color: #006B00;
}
.info {
	display: block;
	/*margin: 2%;*/
	font-size: medium;
	font-weight: bold; 
	color: #444444;
}
.info2 {
	display: block;
	/*margin: 2%;*/
}
.error {
	display: block;
	/*margin: 2%;*/
	font-size: small;
	font-weight: bold;
	color: #FF0000;/*#E9A401;*/
}
.text {
	/*margin: 2%;*/
	font-size: small;
	font-weight: bold;
	color: #000000; /*#EEA702;*/
}
.small {
	font-size: x-small;
}
.orange {
	color: #E9A401;
}
.gray {
	color: #AAAAAA;
}
.red {
	color: #FF0000; 
}
.active {
 	color:#000000;
 	font-size: 14px; 
}
.passive {
 	color:#9797f0;
 	font-size: 14px; 
}

/*tables*/

table.view{
	width: 98%;
	/*margin-left: 2%;	*/
}
tr.orange, td.orange {
	color: #000000;
	background-color: #FEE3A5;
}
tr.gray, td.gray {
	color: #000000;
	background-color: #DDDDDD;	
}
tr.green, td.green {
	color: #000000;
	background-color: #B7DBDB;	 /*#9ACCCC*/
}
tr.white, td.white {
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;	
}

td.reflected{
	width: 68%;
	filter: flipv() alpha(opacity=70,finishopacity=0,style=1,startx=0,starty=0,finishx=0,finishy=80);-moz-opacity:.50;opacity:.50;
}

/*fieldset styles*/
.search{
	width: 98%;
	/*margin-left: 2%;
	margin-right: 2%;*/
	margin-bottom: 0%;
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD; 
	padding-top: 1%;
}
.search2{
	width: 40%;
	/*margin-left: 2%;
	margin-right: 2%;*/
	margin-bottom: 2%;
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD; 
	padding-top: 1%;
}
.edit{
	width: 60%;
	/*margin-left: 2%;
	margin-right: 2%;*/
	margin-bottom: 5%;
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD; 
	padding-top: 1%;
}
.legend{
	width: 98%;
	/*margin-left: 2%;
	margin-right: 2%;*/
	margin-bottom: 5%;
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD; 
	padding-top: 1%;
}

/*Menu styles*/
.menu{
	width:100%;
	/*background: url("images/bgmenubar2.gif"); */
}
.menuitem {
	width: 10%; 
	text-align: center;
	border-right: 1px solid #ffffff;
	border-bottom: 2px solid #ffffff;
}	
.menuitem_empty {
	width: 10%; 
	text-align: center;
	border-bottom: 2px solid #ffffff;
}
.menuitem_selected {
	width: 10%; 
	text-align: center;
	color: #065120;
	font-weight: bold;
	border-right: 1px solid #ffffff;
	background-color: #DEEFDE; 
}
.submenu {
	width: 100%;
	background-color: #DEEFDE;/*#cee7ce; */
}
.submenuitem {
	width: 15%; 
	text-align: center;
	border-right: 1px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	background-color: #cee7ce; /*#DEEFDE;*/
}
.submenuitem_selected {
	width: 15%; 
	text-align: center;
	border-right: 1px solid #ffffff;
	background-color: #DEEFDE; 
}
.submenuitem_empty {
	width: 70%; 
	text-align: center;
	border-bottom: 2px solid #ffffff;
	background-color: #cee7ce; /*#DEEFDE;*/
}	


/*link styles*/

a {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	line-height: normal; 
	font-weight: bold; 
	font-variant: normal; 
	text-transform: none; 
	text-decoration: none;
	color: #0055FF; 
}

a:hover {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	line-height: normal; 
	font-weight: bold; 
	font-variant: normal; 
	text-transform: none; 
	text-decoration: none;
	color: #0055FF;
	background-color: #FFFFFF;  
}
a.link {
	font-weight: normal; 
	font-size: small; 
	color: #0000FF; 
}
a.link :hover {
	color: #0000FF;
	background-color: #FFFFFF;  
}
a.breadcrumbs {
	font-weight: normal; 
	font-size: small; 
	color: #0055FF; 
}
a.breadcrumbs:hover {
	font-weight: normal; 
	font-size: small; 
	color: #0055FF; 	
	text-decoration: underline;
	background-color: #CEEBB1;  
}

/*other styles*/
hr {
	height: 1px;
	color: #FFFFFF;
	background-color: #DDDDDD; /*#5050F0;*/
}
li{
	margin-left: 20px;	
}

input.small {
	width: 45px;
	height: 18px;
	margin-top: 2px;
	background-color: #C0C0C0;
}