
BODY {
    margin: 0px;
}

BODY.main {
    background-color:  #FFFFFF;
    margin:0;
    padding:0;
}

BODY.admincolour TD {
    vertical-align: middle;
}
BODY.admincolour {
    background-color:  #D6D3CE; 
}

DIV.admin-user-info {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 20px;
    text-align: right;
    margin-bottom: 4px;
}

IMG {
    border: none;
}

/* -- Login / Welcome Page -------------------------------------------------- */

#index-header {
    text-align: left;
    width: 1000px;
    height:  75px;
}

#index-header IMG {
    height: 50px;
}

DIV.login {
    background:  #D6D3CE;
    padding :  15px;
    margin:  15px;
    border:  1px solid #666666;
    width:  550px;
}

DIV.login_header {
    background:  #FFFFFF;
    border-bottom: 1px solid #333333;
}

BODY.login {
    background-color:  #999999;
}

DIV.index_page {
    width: 1000px; 
    margin-bottom: 5px; 
    border: 1px solid #444;

}

DIV.login_icons {
    text-align: left;
    background: #D6D3CE;
    padding:  15px;
}

.icon-set {
    margin: 5px;
    text-align: left;
    border: 1px solid #EFEFEF;
    float: left;
}

.icon-set H3 {
    margin: 3px 0px 4px 5px;
}

TABLE.index-icons TD {
    width: 75px;
    height: 90px;
    padding-top: 6px;
    background: #E8E5DF;
    text-align: center;
}

/* -- Text ------------------------------------------------------------------ */

TD, P, DIV
{
    font-family:  Arial, Verdana, Helvetica, Sans-serif;
    font-size: 11px;
    color: #333333;
}

H1, .H1 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #333333; }
H2, .H2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #333333; }
H3, .H3 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333333; }

/* -- links ----------------------------------------------------------------- */

A:LINK, 
A:ACTIVE, 
A:VISITED { 
    font-family: 		Arial, Helvetica, sans-serif; 
    text-decoration: 	none;
    color: 			#004F92; 
}

A:HOVER { 
    font-family: 		Arial, Helvetica, sans-serif; 
    text-decoration: 	none;
    color: 			#376EB6; 
    text-decoration: 	underline;
}

/* -- Admin Tools Pages ----------------------------------------------------- */

TABLE {
    border: none;
}

TD {
    padding: 2px;
    vertical-align: top;
}

.admin_top {
    background-color:  #D6D3CE;
    border-top:  1px solid black;
    border-right: 1px solid black;
    border-left:  1px solid black;
}

.admin {
    background-color:  #D6D3CE;
    border:  1px solid black;
}

.admin_bottom {
    background-color: #D6D3CE;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    border-left: 1px solid black;
}

FIELDSET {
    padding: 4px;
}

.fieldsetpadding {
    padding: 4px;
}

legend {
    font-family: Arial;
    font-size: 8pt;
    color: #555555;  
}

/* -- List ------------------------------------------------------------------ */
/*new*/
.list-header {
    width: 100%;
    border: none;
    padding: 2px;
}

.list-header TR TD,
.listheader
{ 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;  
    color: #333333;  
    border-right: 1px solid #A09E99;
    border-bottom: 1px solid #A09E99;
    border-top: 1px solid #EAE8E3;
    border-left: 1px solid #EAE8E3;
    background: #C4C2BC;
    padding-left: 4px;
    cursor: pointer;
}  

.listheader_assigned
{  
    font-family: Arial, Helvetica, sans-serif;
    font-size: 	8pt;  
    color: #333333;  	
    border-right: 1px solid #A09E99;
    border-bottom: 1px solid #A09E99;
    border-top: 1px solid #EAE8E3;
    border-left: 1px solid #EAE8E3;
    background: #C4C2BC;
    padding-left: 4px;
}  

.listentry
{
    font-family: 	Arial, Helvetica, sans-serif;
    font-size: 	8pt;  
    color: 		#333333;	
    border-bottom:	1px solid #EAE8E3;
    cursor:		pointer; 
}

.listdata
{
    padding-left:	5px;	
    border-right:	1px dotted #EAE8E3;
}

.listdata_senConf
{
    padding-left:	5px;	
    border-right:	1px dotted #EAE8E3;
    background: 	#5566FF;
}

.listdata_senHigh
{
    padding-left:	5px;	
    border-right:	1px dotted #EAE8E3;
    background: 	#FF3333;
}

.listdata_senMedium
{
    padding-left:	5px;	
    border-right:	1px dotted #EAE8E3;
    background: 	#FFCC33;
}

.listdata_senLow
{
    padding-left:	5px;	
    border-right:	1px dotted #EAE8E3;
    background: 	#66CC99;
}


.listdata_Open
{
    padding-left:	5px;	
    border-right:	1px dotted #EAE8E3;
    background: 	#EEAAAA;
}

.listdata_Closed
{
    padding-left:	5px;	
    border-right:	1px dotted #EAE8E3;
}

A.listingtext:link
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #222222;
    text-decoration: none;
}

A.listingtext:visited
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #222222;
    text-decoration: none;
} 

A.listingtext:active
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #FD5656;
    text-decoration: none;
}  

A.listingtext:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #FD5656;
    text-decoration: none;
}  

/* -- Form Inputs ----------------------------------------------------------- */

.inputsize
{
    width:			135px;
    font-family:	Arial, Helvetica, sans-serif;
    font-size:		8pt;  
}

.inputsizesmall
{
    width:			48px;
    font-family:	Arial, Helvetica, sans-serif;
    font-size:		8pt;  
}

.inputsizedate
{
    width:			100px;
    font-family:	Arial, Helvetica, sans-serif;
    font-size:		8pt;  
}

.inputsizelong
{
    width:			200px;
    font-family: 	Arial, Helvetica, sans-serif;
    font-size: 		8pt;  
}

.inputsizefop
{
    width:			190px;
    font-family: 	Arial, Helvetica, sans-serif;
    font-size: 		8pt;  
}

.inputsizeextralong
{
    width:			350px;
    font-family: 	Arial, Helvetica, sans-serif;
    font-size: 		8pt;  
}


.inputsize_cat
{
    width: 240px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:	8pt;  
}

.inputsize_store
{
    width:			350px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 		8pt;  
}

.inputsize_mods
{
    width:			350px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 		8pt;  
}

.inputsize_store
{
    width:			400px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 		8pt;
}


.inputsize_monograph
{
    width:			450px;
    font-family: 	Arial, Helvetica, sans-serif;
    font-size: 		8pt;  
}

.inputsizefile
{
    width:			268px;
    font-family: 	Arial, Helvetica, sans-serif;
    font-size: 		8pt;  
}

.req
{
    background-color: 	#FFE9E9;  
}

.reqinputsize
{
    width:135px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;  
}

.reqinputsizelong
{
    width:200px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    background-color: #FFE0E0;  
}

/* -- GUI Framework --------------------------------------------------------- */

.info_box {
    background-color:  #EEEEEE;
    border:  1px solid #222222;
}

.messagebox
{
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 8pt;
    background-color:  #F6DDDD;
}

.sectionselectinputsize
{
    width:  160px;
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

.functionselectinputsize
{
    width:		235px;
    font-family: 	Arial, Helvetica, sans-serif;
    font-size:		8pt;
}

.button {
    width:		 75px;
    height:		 28px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:  10px;
    font-weight: bold;  
}  

.buttonsmall {
    width:		55px;
    height:		20px;
    font-family:	Arial, Helvetica, sans-serif;
    font-size: 10px;
}

/* -- Messages -------------------------------------------------------------- */

DIV.js_warning
{
    width:			400px;
    background:		#FEFEFE;
    padding-left:		15px;
    padding-right:		15px;
    padding-top:		10px;
    padding-bottom:  10px;
    border:			1px dashed #BBBBBB;
    font-family: 		Arial, Helvetica, sans-serif;
    text-decoration: 	none;
    font-size: 		12px;
    color: 			#FF3333;
}

DIV.admin_report_message
{
    background: 		#EEEEEE;
    padding : 		20px;
    margin: 		20px;
    border: 		1px solid #555555;
    width:			450px;
    text-align:		center;
    font-size:		13px;
    font-weight:		bold;
}

DIV.admin_message
{
    background: 		#EEEEEE;
    padding : 20px;
    margin: 		20px;
    border: 		1px solid #555555;
    width:			300px;
    text-align:		center;
    font-size:		13px;
    font-weight:		bold;
}


DIV.admin_warning
{
    background: 		#FFEEEE;
    padding : 		20px;
    margin: 		20px;
    border: 		1px solid #AA5555;
    width:			300px;
    font-size:		13px;
    font-weight:		bold;
    text-align:		left;
}

/* -- Assigned Items Panel -------------------------------------------------- */

DIV.assigned_items_header
{
    background: #DD5555;
    padding:  4px;
    padding-left:  8px;
    color: #FFFFFF;
    font-family:  Arial;
    font-size: 9pt;
    font-weight:  bold;
}

DIV.assigned_items
{
    background: #FFFFFF;
    border:  1px solid #555555;
    width: 850px;
    text-align: left;
}

DIV.bulletin_header
{
    background: #CCCCCC;
    padding : 2px;
    margin:  5px;
    border-bottom: 1px solid #555555;
}

DIV.bulletin
{
    background: #EEEEEE;
    padding : 2px;
    margin:  2px;
    border: 1px solid #555555;
    width: 400px;
}


/* ----------------------- REPORTS ------------------------------------------ */

.report {
    border:  1px solid #000000;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
    /*border-right:  1px solid #000000;*/
    border-left:  1px solid #000000;
}
.reportheading {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13pt;
    font-weight: bold;
    color: #000000;
}
.reportcolumnheading {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    border-right: 1px solid #000000;
    color: #FFFFFF;
    background-color: #000000;
}
.reportcolumnheading2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    border-right: 1px solid #000000;
    color: #000000;
}
.reportcolumn {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    border-top: 1px solid #000000;
    border-right:  1px solid #000000;
}
DIV.custom-store-false {
    border:  2px solid #55FF55;
    padding: 10px;
}
DIV.custom-store-true {
    border:  2px solid #FF5555;
    padding: 10px;
}
DIV.picListing {
    border: 1px dotted #ccceee;  
    padding: 2px;
    margin: 0px;
    width: 200px;
    height: 100px;
    float: left;
    font-size: 11px;
    font-weight: 700;
    text-align: center;	
}
DIV.picDealListing {
    background: #EEEEEE;
    padding: 5px;
    margin: 1px;
    width: 200px;
    height: 200px;
    float: left;
    font-size: 11px;
    font-weight: 700;		
}
DIV.picDealListing IMG {
    width: 120px;
}

.fieldName {
    text-align: right;
    font-weight: normal;
}

.store_name {
    font-weight: bold;
}

/* --- NEW --------*/

BODY {
    font-family: arial;
    color: #444444;
    font-size: 11px;
    background-color: #ECECEC;
    margin-top: -2px;
    padding:0;
}

IMG { 
    border:0;
    margin: 0;
    padding: 0;
}

HR { 
    border: 0;
    color: #DDDDDD;
    background-color: #DDDDDD; 
    height: 1px;
    width: 100%;
    text-align: left;
}


#page {
    width: 900px; 
    padding: 0px 20px 20px 20px;
    background-color: #FFFFFF;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
#page #header {
    height: 60px;
    background-image:url('../../../images/admin/header.png');
    background-repeat:no-repeat;
}

#page #header #site-name {
    margin-left: 270px;
    width: 350px;
    margin-top: 0px;
    height: 35px;
    border-left: 1px solid #DDDDDD;
    padding-left: 20px;
    padding-top: 10px;
    font-family: Helvetica, Arial; 
    font-size: 16px;
    color: #999999;
}

#page #header #lms-user-quota {
    margin-top: -30px;
    width: 140px;
    height: 15px;
    border: 1px solid #D3EE8E;
    background-color: #E3FF8F;
    padding: 4px;
    color: #111111;
    float: right;
}

#user-info {
    height: 20px;
    text-align: right;
    margin-bottom: 5px;
    background-color: #F9F9F9;
    padding-right: 15px;
    padding-top: 5px;
    border-bottom: 1px solid #D9D9D9;
    color: #555555;
}
#user-info SPAN {
    margin-left: 10px;
    margin-right: 10px;
}

#ajaxBusy {
    width: 850px;
    height: 100px;
    text-align: center;
    background: url("../images/ajax-loader.gif") no-repeat center center;
    border: none;
}

.file-info {
    text-align: right;
    padding-right: 20px;
}

FORM {
    display:inline; 
    padding: 2px;
}

input[type=text], 
input[type=checkbox],
input[type=password],
SELECT,
TEXTAREA {
    border: 1px solid #AAAAAA;
}

.table-date {
    border:1px solid #EEEEEE;
}

.disable {
    background-color: #EEEEEE;
    color: #555555;
}

.caldatepicker {
    vertical-align:top;
}

.clearbtn {	
    background-color: #eeeeee;
    height:16px;
    width:16px;	
}

TD .right {
    text-align: right;
}

.break {
    clear: both;
    height: 1px;
}
