﻿/* Common Styles */
.topheader 
{
    width:100%;
    height:110px;
    background-color:Gray; 
    top:0px;
}

.topheader img 
{
    float:left;
    margin:10px 0px 0px 20px;
}

.topheader h1
{   
    padding-top:45px;
    color:#666666;
    font-size:24px;
}

.topheader p
    {
        vertical-align:bottom;
        padding-bottom:10px;
        color:#666666;
    }

#adminNav
{
	background:#999999;
	height: 25px;
	color: #313131;
}

#adminNav li
{
	border-left: 1px solid #000000;
	padding: 6px 6px 4px 6px;
	list-style-image: none;
}

#adminNav li ul
{
	border-bottom: 1px solid #000000;
}

#adminNav li ul li
{
	border: 1px solid #000000;
	padding: 4px;
	background: #fff;
	margin-bottom: -1px;
}

#adminNav a
{
	color: #313131;
	text-decoration: none;
	display: block;
}

#adminNav a:hover
{
	text-decoration: underline;
}

.editor_header
{
    height:55px;
    width:100%;
    background:#777777;
    
    
}
.button 
    {
        float:right;
        display:block;
        padding-top:5px;
        padding-right:10px;
    }
    
.button-right
{
        float:right;
        display:block;
        padding-top:5px;
        padding-right:30px;
    }
.grid
{
    font-size:11px;
    font-family:Tahoma;
    border:solid 1px #333;
    background-color:#fff;
    padding:1px;
}
.grid .title
{
	background:#323A4B;
	color:#fff;
	height:30px;
	text-align:center;
	line-height:30px;
	font-size:16px;	  
	font-weight:bold;  
}
.grid .datatable
{
	width:100%;
}
.grid .datatable TH
{
	cursor: pointer; 
	text-align:left;
	height:17px;
	line-height:17px;
	padding:0px 4px;
	background:url(../images/gray_hd_bg.png) repeat-x;
	border-right:solid 1px #9e9e9e;
	color:#333;
}
.grid .datatable TD
{
	color:#222;

	padding:2px 4px;
	border-right:solid 1px #d9d9d9;
}
.grid .datatable TR.even { background-color:#fff; }
.grid .datatable TR.odd { background-color:#f1f5fa; }      

/* Sorting Styles */
.grid .datatable TR TH.asc,
.grid .datatable TR TH.desc
{
    background:url(../images/hd_bg_sort.png) repeat-x;
}
.grid .datatable TH .sort { padding-right:21px; }
.grid .datatable TH.asc .sort
{
    background:url(../images/asc.gif) no-repeat center right;
}
.grid .datatable TH.desc .sort
{
    background:url(../images/desc.gif) no-repeat center right;
}

/* Theme specific styles */
.blue .grid .datatable TH
{
	background:url(../images/blue_hd_bg.png) repeat-x;
}
.blue .grid .title
{
	background:#495265;
}
.gray .grid .datatable TH
{
	background:url(../images/gray_hd_bg.png) repeat-x;
}
.gray .grid .title
{
	background:#323A4B;
}

BODY
{
	font-family: 'trebuchet ms';
	margin:20px 60px;
}

.demo
{
	border-bottom:solid 1px #ccc;
	font-size:18px;
	height:23px;
	padding:10px 0px 2px 0px;
	margin-bottom:20px;
}

.columns
{
    text-align:center;
}
 
 