﻿*
{
	margin:0px;
	padding:0px;
}
body 
{
	font:normal 12px arial;
	background-color:#EEE;
}
a
{
	color:#00a7d7;
	
}
h1
{
	color:#00a7d7;
	font-size:20px;
	font-weight:normal;
	margin-bottom:10px;
	
}
h2
{
	color:#00a7d7;
}
h3
{
	color:#00a7d7;
		font-size:16px;
	font-weight:normal;
	margin-bottom:10px;
}
.blue
{
	color:#00a7d7;
}
#login
{
	width:300px;
			margin: 0px auto -1px auto;
	overflow: hidden;
	margin-top:30px;
}
#client
{
    width:1100px;
    	margin: 0px auto -1px auto;
	overflow: hidden;
	

}
#user
{
    float:right;
	text-align:right;
	margin-right:10px;
	margin-top:10px;
}
#wrapper
{
clear:both;
	width:900px;
		margin: 0px auto -1px auto;
	overflow: hidden;
}
#banner
{
    clear:both;
	background-image:url(../images/banner.gif);
	height:74px;
	border-left:solid 1px #000;
	border-top:solid 1px #000;
	border-right:solid 1px #000;
}
#viewlnk
{
    margin-top:0px;
    text-align:right;
    margin-right:10px;
    padding-top:80px
}
#viewlnk a
{
color:#fff
}
#menu
{
	height:25px;
	background-image:url(../images/menu-pix.gif);
	border:solid 1px #000;
}
#menu ul
{
	list-style:none
}
#menu ul li
{
	float:left;
	
}
#menu ul li a
{
	display:block;
	color:#fff;
	font-weight:bold;
	height:25px;
	line-height:25px;
	text-align:center;
	text-decoration:none;
	padding-left:20px;
	padding-right:20px;
}
#menu ul li a:hover
{
	color:#000;
background-image:url(../images/menu-hover2.gif);
}
#menu ul .sep
{
		height:25px;
		width:3px;
		background-image:url(../images/menu-border.gif);
}
#content
{
	border-left:solid 1px #000;
	border-right:solid 1px #000;
	border-bottom:solid 1px #000;
	overflow:auto;
	background-color:#FFF;
}
#content-inner
{
	padding:10px;
	
}
.sort
{
	font-weight:bold;
	background-color:#D3E1F1;
	height:30px;
}
.sort th
{
	font-weight:bold;
	background-color:#D3E1F1;
	height:30px;
}
.row
{
	background-color:#dadada;
	
}
.list
{
	border:solid 1px #FFF;
}
.label
{
	font-weight:bold;
}

.margin-10
{
	margin:10px;
}
#user-details
{
	float:right;
	width:250px;
}
#home-content
{
	float:left;
}
.box-head 
{	
	BORDER-RIGHT: #000 1px solid;	
	BORDER-TOP: #000 1px solid;	
	BACKGROUND-IMAGE: url(../images/menu-pix.gif);	
	MARGIN-BOTTOM: 2px;	
	BORDER-LEFT: #000 1px solid;	
	
	BORDER-BOTTOM: #000 1px solid;	
	HEIGHT: 25px
	}
	.box-head P 	
	{
		FONT-WEIGHT: bold;	
		
		MARGIN-LEFT: 5px;	
		COLOR: #ffffff;	
		LINE-HEIGHT: 25px
		}
		.box-data 	
		{
			BORDER: #000 1px dotted;	

			
			MARGIN-BOTTOM: 5px;	

			}
			.box-data P 
			{	
				
				MARGIN: 5px
				}
.btnAdd
{
	border:solid 1px #000;
	background-image:url(../images/icons/add.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:15px;
	padding-top:2px;
	font-size:11px;
	cursor:pointer;
	
}
.btnSave
{

}
.btnSave:hover
{

}
.btnCancel
{

}
.btnCancel:hover
{

}
.btnBar
{
    width:98%;
    border:dotted 1px #ccc;
    background-color:#f4f4f4;
    display:block;
    margin-bottom:5px;
    margin-top:5px;
    padding:3px;
    text-align:left;
    overflow:auto;
}
#modcontent,#modnews,#modmenu,#modlan,#modparts,#modgal
{
        width:98%;
    border:dotted 1px #ccc;
    background-color:#f4f4f4;
    display:block;
    margin-bottom:5px;
    margin-top:5px;
    padding:3px;
    text-align:left;
    overflow:auto;
}
#modcontent,#modnews,#modmenu,#modlan,#modparts a,#modgal a
{
    margin-top:10px;
}
.status
{
    color:#00a7d7;
    width:98%;
    border:dotted 1px #00a7d7;
    display:block;
    margin-bottom:5px;
    margin-top:5px;
    padding:5px;
    text-align:center;
}
.statusErr
{
        color:red;
    width:98%;
    border:dotted 1px red;
    display:block;
    margin-bottom:5px;
    margin-top:5px;
    padding:5px;
    text-align:center;
}
.ok
{
    color:Green;
    height:20px;
    line-height:20px;
    border:dotted 1px green;
}
.error
{
    color:Red;
       height:20px;
    line-height:20px;
    border:dotted 1px red;
}
.add {
    background-image:url(../images/add.png) !important;
}
.delete {
    background-image:url(../images/cancel.png) !important;
}
.hint
{
    background-color:#fffdc7;
    width:98%;
    border:dotted 1px #cec953;
    display:block;
    margin-bottom:5px;
    margin-top:5px;
    padding:5px;
    text-align:left;
    
}
.csshead
{
    	color:#00a7d7;
	font-size:17px;
	font-weight:normal;
	margin-bottom:10px;
	background-color:#eee;
	height:30px;
	line-height:30px;
}
.css_table
{
    margin:10px;
    width:100%;
}
.css_table tr
{
    vertical-align:top;
}
.clr_box
{
    width:18px;
    height:18px;
    border:solid 1px #000;
    display:inline-block;
    margin-left:2px;
}
.tbl_label
{
    width:150px;
}
.row:hover
{
    background-color:#FFF;
}
.hlpbtn a
{
    background-image:url(../images/icons/help.png);
    background-repeat:no-repeat;
    background-position:right 5px;
}
.hlpbtn a:hover
{
    background-image:url(../images/icons/help.png);
    background-repeat:repeat;
    background-position:0px 0px;
}
	.ui-state-highlight { height: 1.5em; line-height: 1.2em; }
	#sortable {list-style:none;width:100%}
	#sortable li{float:left;}
	
	table thead tr .header {
    background-image: url("/images/icons/bg.gif");
    background-position: right center;
    background-repeat: no-repeat;
    cursor: pointer;
}

table thead tr .headerSortUp {
    background-image: url("/images/icons/asc.gif");
}
table thead tr .headerSortDown {
    background-image: url("/images/icons/desc.gif");
}
