html {
background : #641849;
}
body {
background : #641849 url(/images/body-bg.jpg) repeat-x top left;
margin : 0;
padding : 0;
font: normal 12px Arial, Helvetica, sans-serif;
}
#wrapper {
width : 96%;
margin : 0 auto;
clear : both;
}
#header {
height : 99px;
width : 100%;
background : url(/images/header-bg.gif) repeat-x top left;
position : relative;
}
#header #logo {
background : url(/images/logo.png) no-repeat top left;
position : absolute;
top : 18px;
left : 38px;
width : 191px;
height : 62px;
float : left;
}
#header #logo a {
display : block;
width : 191px;
height : 62px;
text-indent : -99999px;
color : #000;
}
#header .toplinks {
float : right;
margin-top : 18px;
width : 228px;
height : 64px;
margin-right : 22px;
text-align : right;
}
#header .toplinks p, #header .toplinks a {
font : normal 12px Arial, Helvetica, sans-serif;
color : #d4c2c4;
text-decoration : none;
}
#header .toplinks a:hover {
text-decoration : underline;
}
#header .toplinks strong {
font : bold 12px Arial, Helvetica, sans-serif;
color : #eedbdc;
padding-bottom : 4px;
}
#topnavigation {
width : 100%;
clear : both;
height : 35px;
background : url(/images/menu-bg.gif) repeat-x top left;
}
#topnavigation ul {
list-style : none;
float : left;
margin-left : 6px;
}
#topnavigation ul li {
list-style : none;
float : left;
background : url(/images/menu-divider.gif) no-repeat center left;
}
#topnavigation ul li.nobg {
background : none;
}
#topnavigation ul li a {
display : block;
font : normal 14px Arial, Helvetica, sans-serif;
color : #ceedfe;
padding : 9px 18px;
text-decoration : none;
}
#content {
width : 100%;
clear : both;
}
#content .content-head {
width : 96%;
padding : 0%;
margin : 0 auto;
border-bottom : 1px solid #704c64;
padding-top : 15px;
padding-bottom : 8px;
}
#content .content-head a {
display : inline-block;
float : right;
font : bold 12px Arial, Helvetica, sans-serif;
color : #4e3249;
text-decoration : none;
}
#content .content-head a:hover {
text-decoration : underline;
}
#content h2.heading {
font : bold 12px Arial, Helvetica, sans-serif;
color : #4e3249;
float : left;
}
#dashboard {
width : 96%;
padding : 2%;
min-height:300px;
}
#dashboard div.space {
width : 1%;
float : left;
}
#dashboard div.admin-blank {
width: 23%;
float: left;
}

#dashboard div.admin-one {
width : 300px;
background : url('/images/admin-box.jpg') no-repeat top right;
height : 146px;
float : left;
margin-bottom : 5%;
padding-right : 2%;
margin-left: 30px;
text-align: left;
}
#dashboard div.admin-one div {
background : url(/images/admin-box.jpg) no-repeat bottom left;
height : 114px;
display : block;
margin : 0;
padding : 0;
}
#dashboard div.admin-one div div {
float : left;
background : none;
padding-top : 12px;
padding-left : 15px;
margin-left : 6px;
}
#dashboard div.admin-one div img {
padding : 5px;
}
#dashboard div.admin-one h3 {
background : url(/images/admin-box.jpg) no-repeat top left;
height : 24px;
display : block;
width : 285px;
font : bold 13px Arial, Helvetica, sans-serif;
color : #fff;
padding-left : 16px;
padding-top : 8px;
}
#dashboard div.admin-one ul {
list-style : none;
}
#dashboard div.admin-one ul li {
margin-left : 0px;
line-height : 26px;
background : url(/images/bullete-li.gif) no-repeat 0 55%;
padding-left : 10px;
}
#dashboard div.admin-one ul li a {
font : normal 12px Arial, Helvetica, sans-serif;
color : #4d4e4e;
text-decoration : none;
}
#dashboard div.admin-one ul li a:hover {
text-decoration : underline;
}
#footer {
font : normal 12px Arial, Helvetica, sans-serif;
color : #fff;
margin : 0 auto;
padding : 8px 0;
text-align : right;
}
.hr-image {
background : url(/images/hr-bg.gif) no-repeat;
width : 289px;
height : 9px;
margin : 0 auto;
clear : both;
border : 0;
}
.top-left, .top-right, .bottom-left, .bottom-right {
background-image : url(/images/square-corners.jpg);
height : 10px;
font-size : 2px;
}
.top-left {
margin-right : 10px;
}
.top-right {
margin-left : 180px;
margin-top : -10px;
}
.bottom-left {
margin-right : 180px;
}
.bottom-right {
margin-left : 10px;
margin-top : -10px;
}
.top-right {
background-position : 100% 0;
}
.bottom-left {
background-position : 0 -10px;
}
.bottom-right {
background-position : 100% -10px;
}
.insideleft {
background : #600c3e url(/images/square-border-left.jpg) no-repeat top left;
}
.insideright {
background : #600c3e url(/images/square-border-right.jpg) no-repeat 100% 0;
margin-left : 10px;
}
.inside {
margin-left : 0;
margin-right : 10px;
background : white;
color : #5f053f;
text-align : left;
}
.menu ul {
margin : 0 auto;
padding : 0;
height : 30px;
width : 100%;
display : block;
background : url('/images/topMenuImages.png') repeat-x;
}
.menu ul li {
padding : 0;
margin : 0;
list-style : none;
display : inline;
}
.menu ul li a {
float : left;
padding-left : 15px;
display : block;
color : rgb(255, 255, 255);
text-decoration : none;
font : 12px Verdana, Arial, Helvetica, sans-serif;
cursor : pointer;
background : url('/images/topMenuImages.png') no-repeat 0 -30px;
}
.menu ul li a span {
line-height : 30px;
float : left;
display : block;
padding-right : 15px;
background : url('/images/topMenuImages.png') no-repeat 100% -30px;
}
.menu ul li a:hover {
background-position : 0 -60px;
color : rgb(255, 255, 255);
}
.menu ul li a:hover span {
background-position : 100% -60px;
}
.menu ul li a.active, .menu li a.active:hover {
line-height : 30px;
font : 12px Verdana, Arial, Helvetica, sans-serif;
background : url('/images/topMenuImages.png') no-repeat 0 -90px;
color : rgb(255, 255, 255);
}
.menu ul li a.active span, .menu li a.active:hover span {
background : url('/images/topMenuImages.png') no-repeat 100% -90px;
}
.jqueryslidemenu {
background : url(/images/menu-bg.gif) repeat-x top left;
width : 100%;
clear : both;
float : left;
height : 35px;
}
.jqueryslidemenu ul {
list-style-type : none;
}
.jqueryslidemenu ul li {
position : relative;
display : inline;
float : left;
list-style : none;
float : left;
background : url(/images/menu-divider.gif) no-repeat center left;
}
.jqueryslidemenu ul li.nobg {
background : none;
}
.jqueryslidemenu ul li a {
display : block;
font : normal 14px Arial, Helvetica, sans-serif;
color : #ceedfe;
padding : 9px 18px;
text-decoration : none;
}
* html .jqueryslidemenu ul li a {
display : inline-block;
}
.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited {
color : white;
}
.jqueryslidemenu ul li a:hover {
background : #823667;
}
.jqueryslidemenu ul li ul {
position : absolute;
left : 0;
display : block;
visibility : hidden;
z-index : 100;
}
.jqueryslidemenu ul li ul li {
display : block;
float : none;
background : #350c2c;
border-bottom : 1px solid white;

}
.jqueryslidemenu ul li ul li ul {
top : 0;
}
.jqueryslidemenu ul li ul li a {
font : normal 13px Verdana;
min-width : 145px;
border-top-width : 0;
font : normal 14px Arial, Helvetica, sans-serif;
padding : 6px 0;
padding-left : 18px;
background : #4e3249;
padding-right:20px;
}
.jqueryslidemenuz ul li ul li a:hover {
background-color : #none;
}
.downarrowclass {
position : absolute;
top : 12px;
right : 7px;
}
.rightarrowclass {
position : absolute;
top : 6px;
right : 5px;
}
.clearboth {
clear : both;
}
.clearleft {
clear : left;
}
.clearright {
clear : right;
}
.flt-right {
float : right;
}
.flt-left {
float : left;
}

/* Login screen */

/* new added on 26-12-08 */
.login {background:url(/images/btn-login.jpg) no-repeat; border:0px; cursor:pointer; width: 93px; height: 47px; margin: 0px auto}

.bgLogin{ background: url(/images/bg_login.jpg) no-repeat; width: 780px; height: 392px; margin: 0px auto}

.submitbtn {background:url(/images/submit.jpg) no-repeat; border:0px; cursor:pointer; width: 101px; height: 47px; margin: 0px auto}

.bglogin_caption{ font-weight: bold; color:#8c8c8c}
.login_input{ background: #FFFFFF; border: 1px solid #d5b8cf; padding: 3px; width: 280px; color: #76496c; font-weight: bold; font-size: 17px;}

.error{ color:#FF0000; font-weight: bold;}
.msg{ background:url(/images/tick.png) no-repeat; background-position: left center; padding-left: 20px; color:#3EA566; font-weight: bold;}


a.blacklink{ color: #666666; text-decoration: underline}
a.blacklink:hover{ color: #666666; text-decoration: none}

/* list style  */
.tableborder {border:1px solid #cccccc}
.allborder {background:#418DCE}
.fieldheader {background:#B5DDFF; color:#333333; padding-left:5px; font-weight:bold}
.fieldheader a {color:#333333; text-decoration:underline}
.fieldheader a:hover {color:#0479DC; text-decoration:none}

.lightbg {background:#F0F5FA}
.darkbg {background:#DFEBF6}
.selectbg {background:#DDF3FF}
.whitebg {background:#FFFFFF}
.subheading {color:#418DCE; font-weight:bold; font-size:12px}

.paging {background:#DBEEFF}
.paging a:link, .paging a:visited, .paging a:active {color:#05567F; text-decoration:underline; font-weight:bold}
.paging a:hover {color:#666666; text-decoration:none}


.datalist {
	width:100%;
	padding: 0;
	margin: 0;
}

.datalist a{
	font:bold 11px Arial, Helvetica, sans-serif; color:#350c2c;
	text-decoration:none;
}

.datalist a:hover {
	text-decoration: underline;
}

.datalist caption {
	padding: 0 0 5px 0;
	width: 700px;
	font: italic 11px Arial, Helvetica, sans-serif;
	text-align: right;
}

.datalist th {
	font: bold 11px Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #774d6e;
	border-right: 1px solid #cfc6d4;
	border-bottom: 1px solid #cfc6d4;
	border-top: 1px solid #cfc6d4;
	border-left: 1px solid #cfc6d4;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #e0d1e3 url(/images/th-bg.gif) no-repeat;
}

.datalist th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #cfc6d4;
	background: none;
}

.datalist td {
	border-right: 1px solid #cfc6d4;
	border-bottom: 1px solid #cfc6d4;
	border-left: 1px solid #cfc6d4;
	xbackground: #fff;
	padding: 6px 6px 6px 12px;
	color: #774d6e;
}

.datalist td.alt {
}

.datalist tr {background:#fff}
.datalist tr.darkbg{background:#F5FAFA}
.datalist tr:hover {background:#f1f1f1}

.datalist th.spec {
	border-left: 1px solid #cfc6d4;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px Arial, Helvetica, sans-serif;
}

.datalist th.specalt {
	border-left: 1px solid #cfc6d4;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #797268;
}
/* Form Buttons */

/* BUTTONS */
div.buttons{clear:both; padding-top:10px;}
.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button {
    border:1px solid #eee;
}

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#8d0c5f;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#fcd0ec;
    border:1px solid #d99db9;
    color:#8d0c5f;
}
.buttons a.positive:active{
    background-color:#8d0c5f;
    border:1px solid #8d0c5f;
    color:#fff;
}

button {
	color: #8d0c5f;
}

button:hover {
	background-color: #fcd0ec;
	border: 1px solid #d99db9;
	color: #8d0c5f;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#8D0C5F;
}
.buttons a.negative:hover, button.negative:hover{
    background:#f7bac7;
    border:1px solid #eaadd4;
    color:#8D0C5F;
}
.buttons a.negative:active{
    background-color:#8D0C5F;
    border:1px solid #8D0C5F;
    color:#fff;
}

/* Form Table */

#formtable {
	padding:20px 0 0 0;
}
#formtable table {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #4d384a;
	border-collapse: collapse;
	xborder: 1px solid #F3F8FC;
	border-top: none;
	xborder:1px solid #F3F8FC;
	margin-bottom:20px;
	width:90%;
}
#formtable input, #formtable textarea, #formtable select{border:1px solid #ccc; padding:3px 3px; font:normal 16px Arial, Helvetica, sans-serif; vertical-align:middle}
#formtable table a:visited {
	text-decoration: none
}

#formtable tr span{color:#fff;}
#formtable tr:hover {
	background-color: #fafafa;
	color: #000
}
/**  #formtable tr:hover span{color:#333333} **/
#formtable tbody td {
	padding:5px;
	xborder: 1px solid #F3F8FC
}
#formtable thead th {
	color: #3884C3;
	xborder: 1px solid #D2D2D2;
	padding:8px 5px;
	text-transform:uppercase;
	background: url(../images/table_head.gif) #D8EEFA repeat-x top;
	text-align:left
}
#formtable tr #heading {
	color: #3884C3;
	xborder: 1px solid #D2D2D2;
	padding:8px 5px;
	text-transform:uppercase;
	background: url(../images/table_head.gif) #D8EEFA repeat-x top;
	text-align:left;
	font-weight: bold
}
#formtable thead th .small {
	color: #699FCC;
	font: normal 11px Arial, Helvetica, sans-serif;
	text-align:left
}
/* Form Tables */
/* pager */
table.pager{font:normal 12px Arial, Helvetica, sans-serif; color:#333; width:100%; padding:10px 0;}
table.pager td{height:25px;	text-align:right; vertical-align:top}
table.pager a{padding:8px 2px;
font : bold 12px Arial, Helvetica, sans-serif;
color : #350c2c;
text-decoration : none; }
table.pager a:hover{color:#000;text-decoration:underline}

input.submit{background: #efefef; padding: 5px; border: 2px solid #aaa;}
input.submit:hover{background:#e1e1e1;}

#formtable  input.negative, div.buttons input.negative{font:bold 13px Arial, Helvetica, sans-serif;color:#8D0C5F;padding:4px 15px 4px 30px; border:1px solid #eee; background:#f5f5f5 url(../images/cross.png) no-repeat scroll 15% 50%; cursor:pointer;}
#formtable  input.negative:hover, div.buttons input.negative:hover{ background:#f7bac7 url(../images/cross.png) no-repeat scroll 15% 50%;border:1px solid #eaadd4;color:#8D0C5F;}
#formtable  input.positive, div.buttons input.positive{font:bold 13px Arial, Helvetica, sans-serif;color:#8d0c5f;;padding:4px 15px 4px 30px; border:1px solid #eee; background:#f5f5f5 url(../images/tick.png) no-repeat scroll 15% 50%; cursor:pointer;}
#formtable  input.positive:hover, div.buttons input.positive:hover{ background:#fcd0ec url(../images/tick.png) no-repeat scroll 15% 50%;border:1px solid #d99db9;color:#8d0c5f;}
div.buttons input.active, div.buttons input.active:hover{background:#f5f5f5 url(../images/active-button.png) no-repeat scroll 15% 50%;}
div.buttons input.inactive, div.buttons input.inactive:hover{background:#f5f5f5 url(../images/inactive-button.png) no-repeat scroll 15% 50%;}
.red {color:#FF0000;}

/* New added due to SOP */
.fset
{
border: 1px solid rgb(55, 100, 123);
margin: 2px;
padding: 2px;
background:#f5f5f5;
}
.lend
{
margin: 0px 5px;
padding: 0px 5px;
color: rgb(55, 100, 123);
font-weight: bold;
}
.helptd
{
color: rgb(55, 100, 123);
}
/* New added due to admin footer */
.plaveb, .plaveb a, .plaveb a:hover  {color:#636ca7; font-size:10px; text-decoration:none  }
.plaveb a:hover{color:#939393;}
img.plaveb{-moz-opacity:30 ; filter:alpha(opacity=20); -khtml-opacity:20; opacity:0.2;}

.genreTable {
	border-collapse: collapse;
	padding: 0px;
	width: 100%;
}

.genreTable td {
	padding: 0px;
}

.genreTable p {
	padding: 1px 0px;
}

#pager {
	font : bold 12px Arial, Helvetica, sans-serif;
	color : #313131;
}

#pager a {
	font : bold 14px Arial, Helvetica, sans-serif;
	color : #313131;
	text-decoration : none;
}

#pager a:hover {
	color: #a1a1a1;
	text-decoration: underline;
}

.miniHeader {
	font: bold 11px Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	text-transform: uppercase;
}

td.subheader {
	padding-bottom: 5px;
	font-weight: bold;
	font-variant: small-caps;
	font-size: 20px;
	font-family: Verdana;
}

span.expired {
	font-weight: bold;
	color: red;
}

span.thirty {
	font-weight: bold;
	color: orange;
}

span.sixty {
	font-weight: bold;
	color: #D9DE22;
}

span.green {
	font-weight: bold;
	color: green;
}