/* top elements */
* { margin: 0;	padding: 0; }

body {
	margin: 0; padding: 0;
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	color: #333; 
	background: #FFF url(bg.jpg) repeat-x;	
}

#wrap {
	margin: 0 auto; 
	width: 880px;
}

#wrap .menu{
	margin: 0; 
	padding: 0; 
	width: 180px;
	float:right;
}

#wrap .content{
	margin: 0;
	padding: 0;
	width: 695px;
	float:left;
}

/* links */
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #CC0001; 
	background-color: inherit;
}

.bar {
  margin: 0;
  padding: 10px;
  text-align: center;
  display: block;
  overflow: auto;  
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
  border-top: 4px solid #CC0000;
  border-bottom: 4px solid #CC0000;
  clear:both;
}

select,input,textarea {
	padding: 4px;
	border:1px solid #999999;
	font: normal 11px tahoma, sans-serif;
	color:#777;
	background: #fff;
}

input:hover, textarea:hover {
	padding: 4px;
	border:1px solid #999999;
	font: normal 11px tahoma, sans-serif;
	color:#000;
	background: #f2f2f2;
}

hr { 
border: 1px dotted #777;
}

input.buttonx { 
	margin: 0; 
	font: 12px tahoma, Sans-serif; 
	border: 1px solid #CCC; 
	padding: 1px; 
	background: #FFF;
	color: #CC0000;
}

.xtable      { 
    margin: 0 0 10px 0; 
	padding: 1px; 
	font: normal 12px tahoma, Sans-Serif;
	color: #000;
	background: #FAFAFA;
    border: 1px solid #999999; 
}

.xtr    { 
	border: 1px solid #999999;
	margin: 0;
	padding: 2px;
	background: #f2f2f2;
 }
.xtd         { 
	border: 1px solid #999999;
	margin: 0;	
	padding: 2px;
	background: #FFF;
	}

.xtt         { 
    border: 1px solid #CCCCCC;	
	font: bold 15px Times New Roman,Arial;
    color: white;
    background: black url(images/titlebar.png) repeat-x center right;
    margin-bottom: 10px; /*bottom spacing between header and rest of content*/
    padding: 4px 10px 4px 0; /*header text is indented 10px*/
    text-align:center;
}

.xtx         { 
    border: 1px solid #CCCCCC;	
	font: bold 15px Times New Roman,Arial;
    color: white;
    background: black url(images/titlebar-active.png) repeat-x center right;
    margin-bottom: 10px; /*bottom spacing between header and rest of content*/
    padding: 4px 10px 4px 0; /*header text is indented 10px*/
    text-align:center;
}

.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}

#logindivx{
	width:550px;
	height:244px;
	margin:0 auto;
	background:url(images/back.jpg) 0 0 no-repeat;
}
#logindivx .divx{
	width:414px;
	margin:0 auto;
	padding:120px 50px 0 0;
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#000;
}

#logindivx input.txtBox{
	width:206px;
	height:19px;
	border-left:#808080 solid 1px;
	border-top:#808080 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;
	/*font:normal 11px/19px Arial, Helvetica, sans-serif;*/
	color:#000;
	margin:0 20px 0 0;
	padding:0 ;
}

#logindivx form input.login{
	background:url(images/b.jpg) 0 0 no-repeat;
	width:82px;
	height:27px;
	border:none;
	cursor:pointer;
	float:left;
}


.aa {
color: #008000;
}

.arrowlistmenu{
width: 180px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 15px Times New Roman,Arial;
color: white;
background: black url(images/titlebar.png) repeat-x center right;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 10px 4px 0; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(images/titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(images/arrowbullet.png) no-repeat center right; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-right: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

.button {
border: 1px solid #ccc;
margin: 1px;
padding: 2px;
}

ol,ul{	
	margin: 0; 
	padding: 5px 25px 5px 0;	
}

.codx {
	border: 1px solid #D4340C;
	margin: 10px;	
	padding: 5px;
	background:#E2E2E2;
	direction: ltr;
	text-align: left;
	display: block;
    overflow: auto;  
    font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
}