
*{    padding:0;    margin:0px auto   }


body
{   
	text-align:center;   
	font-family:Tahoma;   
	background-color:#ffffff;   
	font-size:12px;
    color:#ffffff
}


#container
{   
	width:949px;    
	background-color:#333333
}


a
{    
	text-decoration:none;   
	color:#ffffff;    
}


#menu
{    
	width:949px;     
	height:40px;
	text-transform:uppercase;
	background-color:#504e4e; 
}
.admin_menu
{    
	width:949px;    
	height:40px;
	text-transform:uppercase;
	background-color:#504e4e; 
}



a:hover
{ 
	text-decoration:underline;
}


#menu ul
{   
	list-style:none;    
	float:right;   
	line-height:40px;
}


#menu ul li 
{    
	float:left;  
	width:100px;    
	height:40px;
	border-left:1px solid #333333;
	cursor:pointer;
	
}
#menu a:hover
{
	text-decoration:none;
}

#menu li:hover
{

	background: url("img/orange_without_p.jpg") no-repeat top left ;
}


.border_right
{
	border-right:1px solid #333333;
}


#header
{    
	width:949px;    
	height:140px;   
	margin-bottom:2px;
}

#header_left
{   
	background: url("img/header_left.jpg") no-repeat top left ;   
	width:442px;    
	height:140px;
	float:left;   
}

.blue_img
{
	background: url("img/blue_no_p.jpg") no-repeat top left ;  
}
.orange_img
{
	background: url("img/orange_no_p.jpg") no-repeat top left ;  
}
.green_img
{
background: url("img/green_no_p.jpg") no-repeat top left ;  
}

    
    
#header_right
{   
	background: url("img/header_right.jpg") no-repeat top left ;   
	width:507px;    
	height:140px;
    float:left;
}


#header_left #name 
{    
	width:270px;    
	height:70px;   
	text-align:right;   
	font-family:Tahoma;
    margin:50px 0px 0px 15px;   
    _margin:50px 0px 0px -120px;
}

#header_left #name h1 a
{    
	width:270px;    
	height:70px;   
	text-align:right;   
	font-family:Tahoma;
    margin:50px 0px 0px 6px;   
    _margin:50px 0px 0px -160px;
}
    
#middle_part
{   
	width:949px;    
	height:150px;   
	margin-bottom:2px;    
	font-size:12px;   
	text-align:left;
} 


#middle_part h2
{  
	font-size:14px;   
	margin:12px 0px 2px 25px;   
	text-transform:uppercase
}


#middle_part p
{   
	width:300px;
	
}


#middle_part .title2
{    
	margin-bottom:8px;
}


#middle_part a
{   
	font-size:12px;    
	margin-left:233px;
}


#middle_part .box1
{   
	background: url("img/blue.png") no-repeat top left ;   
	width:316px;    
	height:150px;
    float:left;   
}
    

#middle_part .box2
{   
	background: url("img/orange.png") no-repeat top left ;   
	width:315px;    
	height:150px;
    float:left;   
    margin:0px 1px 0px 1px;
}
    
    
#middle_part .box3
{   
	background: url("img/green.png") no-repeat top left ;   
	width:316px;    
	height:150px;
    float:left;
}


#article_box
{
	background: url("img/article_bg.png") repeat top left; 
	padding-bottom:15px;
	width:949px;
}
#center_box
{
	background-color:#504e4e;
	padding-left:30px;
	text-align:left;
 

}


#article
{   
   
}


#article h3
{   
	text-transform:uppercase;   
	font-size:14px;   
	height:46px;
    background: url("img/line.gif") no-repeat bottom;    
    font-weight:normal;   
    line-height:46px;
    margin-bottom:6px;
    font-weight:bold;
}


#article #product
{   
	position:relative;
	width:316px;   
	height:300px;
	float:left;    
	line-height:15px;  
}


#article #product ul
{   
	list-style: none;   
	padding-left: 14px;       
}


#article #product ul li ul
{   
	list-style: none;   
	padding-left: 0px;       
}


#article #product ul li
{   
	padding-left:15px;   
	background: url("img/arrow.gif") 0px 6px no-repeat;   
	text-align:left;    
	margin:2px 0px -1px 0px; 
}

#article a
{    
	color: #BED8F6;   
	text-decoration: none;    
	font-weight:normal;   
	line-height:20px;   
	font-size: 13px;
}
#article a:hover
{   
	text-decoration: underline;
}

#article #product ul li a
{    
	color: #BED8F6;   
	text-decoration: none;    
	font-weight:normal;   
	line-height:20px;   
	font-size: 13px;
}


#article #product ul li ul li ul a
{    
	color: #ffffff;   
	text-decoration: none;   
	font-size: 12px;
	line-height:12px; 
	font-weight:normal;    
}


#article #product ul a:hover
{   
	text-decoration: underline;
}

#article #product span
{
	color:#719dce;
	font-weight:bold;

}

#article ul li
{
	padding-left:15px;   
	background: url("img/arrow.gif") 0px 6px no-repeat;   
	text-align:left;    
	margin:2px 0px -1px 0px; 

}

#article ul
{   
	list-style: none;   
	padding-left: 14px;       
}


#article ul li ul
{   
	list-style: none;   
	padding-left: 0px;       
}

#article #about
{  
	position:relative;
	height:300px;
	width:315px;   
	float:left;   
	margin:0px 1px 0px 1px; 
}
    


#article #product p
{    
	width:295px;    
	margin:7px 10px 3px 11px;    
	text-align:left;
    _margin:8px 10px 3px 3px;   
}

#article #about p
{    
	width:295px;    
	margin:7px 3px 3px 11px;    
	text-align:left;
    _margin:8px 3px 3px 3px;   
}


#article #about h4
{   
	color:#F6B601;    
	font-size:14px;   
	margin:0px 0px -4px 11px;    
	text-align:left;
    line-height:30px;   
    _line-height:29px;    
    font-weight:normal;
}


#article #about span
{   
	color:#F6B601;
	font-weight:bold;
}

#article #about ul 
{
	width:250px;
	text-align:left;
	list-style: none;
}

#article #about ul li
{   
	padding-left:15px;   
	background: url("img/arrow.gif") 0px 6px no-repeat;   
	text-align:left;    
	margin:2px 0px -1px 0px; 
}

#article #news span
{
	color:#B8CB34;

}


#article #news
{   
	position:relative;
	height:300px;
	width:316px;    
	float:left;
	   
}


#article #news h5{   color:#B8CB34;    font-size:14px;   margin:0px 0px -4px 11px;    text-align:left;
    line-height:29px;   _line-height:29px;    font-weight:normal;   _margin:0px 0px -4px 10px;}


#article #news p{    width:300px;    margin:2px 0px 8px 11px;    text-align:left;
    _margin:3px 0px 7px 3px;   }
    

.cleaner{   clear:both    }


#bottom
{   
	 float:left;   
	 font-size:10px;   
	 
	 color:2f3240;
     width:949px;    
     height:40px;    
     background:url("img/bottom_part.png") no-repeat top left ;
     font-weight:normal;   
     background-color: #333333
    }


#validator{text-align:right;    width:949px;    height:31px;  }


#validator img{height:31px;   width:88px;   border:0px solid #ffffff}
 


.orangeColor
{
	color:#F6B601;

}
.greenColor
{
	color:#B8CB34;
}
.blueColor
{
	
	color:#719dce;
}

.orangeOutline
{
	border: 2px solid #F6B601;
}
.blueOutline
{
	
	border: 2px solid #719dce;
}


.text_header
{
	font-family:Tahoma;
	font-weight:bold;
	font-size:14px;
	text-align:left;
	padding-left:15px;

}



acronym
{
	cursor:pointer;
	text-decoration:underline;
}

table
{
	border-collapse:collapse;
}
.mainStyle
{
	font-size:12px;
	border-collapse: collapse;
}

.baseTable
{
	padding: 0px;
	margin : 0 0 0 0;
	border-collapse: collapse;
	font-size:12px;
	border: 1px solid #686868;
	
}
td 
{
	
	margin : 0 0 0 0;
	text-align:left; 
}
td input,td select
{
	margin :0;
	text-align:left;
}


.baseTable td
{
	padding-left:3px;
	margin : 0 0 0 0;
}
.tableHeader
{
	background-color:#7e7d7d;
	color:#f2f2f2;
	font-weight:bold;
}
.tableOutLine
{
	border: 1px solid #686868;
}
.tableHeader acronym
{
	font-weight:normal;
	cursor:pointer;
}
.tableSubHeader
{
	background-color:#719dce; 
	color:#FFF;
}


.availableRuleContainer{
	width:300px;
	height:400px;
	border:1px solid #999;
	margin:-1px -2px;
	background-color:#fff;
	overflow-y:scroll;
	color:black;
	}
.availableRuleContainer ul{
	margin:0;
	}
.availableRuleContainer ul li{
	border-bottom:1px dotted #ccc;
	}
.groupDetailEditor{
	width:1000px;
	margin:20px auto;
	text-align:
	}
.pageDetailEditor{
	width:330px;
	margin:20px auto;
	text-align:
	}
	
	
	
	
	
	
.closeTopSection {
	position: absolute;
	text-align: right;
	width:100%;
	z-index:1001;
	background: #737B7D;

}

.overlay {
	width: 100%;
	height: 100%;
	background-color: #333;
	position: absolute;
	display:none;
	top:0;
	left:0;
	z-index: 501;
	opacity: .5;
}
.waiting_DIV
{
	border: 1px solid black;
	width:300px;
	position:absolute;
	z-index: 502;
	background:white;
}

.hover
{
	background-color:#F6B601;
	cursor:pointer;
}
