/* ================================================= */
/* This file created by Aivah                        */
/* Dated: 3rd Feb 2009	                             */
/* Copyright : 2009 Aivah.com                        */
/* Stylesheet: common.css                            */
/* ================================================= */


html, body, div, span, small, object, iframe, h1, h2, h3, h4, h5, h6, pre, a, abbr, blockquote, acronym, address, code, del, dfn, dl, dt, dd, em, img, q, ol, ul, li, fieldset, form, textlabel, legend, caption, tbody, tfoot, thead, b, p {
border : 0;
font-size : 100%;
font-family : inherit;
}
/*img,  input { behavior: url("iepngfix.htc") }*/
body.AdminBody {
background : #d5d5d5;
}
body.AdminBody li
{
	list-style-type: none;
}
body {
font-family : Verdana;
font-size : 12px;
line-height : 1.5em;
color : #000000;
margin : 0;
}
/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
#wrapper {
width : 99%;
height : auto;
margin : auto;
}
#toppart {
width : 100%;
height : auto;
margin : auto;
}
#footer {
/*width : 98%;*/
height : 60px;
margin : auto;
background : #414141;
color: #D7D7D7;
padding: 20px 0 0 20px;
font-size: 11px;
}
p.copyright {
color : #cecece;
font : 1em Verdana;
margin : auto;
padding : 10px 20px;
}
#header {
background: #ffffff url(../../images/header.gif) repeat-x bottom left;
height : 142px;
width : 100%;
}
.logo {
margin : auto;
padding : 0 0 0 0;
}
#header span {
padding : 30px 30px;
font : bold 1em Verdana;
color : #484848;
}
#header span .small {
font : 11px Verdana;
color : #EF830E;
text-align: left;
padding: 0;
margin: 0;
}
.logo a:link {
color : #484848;
}
.logo a:hover {
color : #ffffff;
}
/*img.adminlogo {margin: 16px 0 6px 12px;}*/
img.adminlogo {margin: 0;}
/* ================================================= */
/* 	 COLUMN CSS                               */
/* ================================================= */
#middlepart {
overflow : auto;
height : 100%;
background-color: #E4E4E4;
margin : auto;
padding : 20px 20px;
}
#leftcolumn {
width : 70%;
padding : 10px 10px;
background : #ffffff;
float : left;
}
#rightcolumn {
width : 25%;
padding : 10px;
background : #ffffff;
float : right;
}

/* ================================================= */
/* 	 ToP MENU CSS                               */
/* ================================================= */
#menu {
background-color: #414141;
/*height : 31px;*/
height : 26px;
width : 100%;
}
#menu .topmenu {
width : 900px;
margin : auto;
}
/* ================================================= */
/* 	 Settings MENU   CSS                               */
/* ================================================= */
.settingsblock
{
	width: auto;
	height: 30px;
	margin: auto 0 0 0;
	clear: both;
/* Original styling */
/*width:auto;
background : #414141 url(../../Images/settingsbg.gif) top left repeat-x;
padding:0px 2px 5px 10px;
height:70px;
margin:auto 0 0px 0;
clear:both;*/
}
.settingsblock div#divBreadCrumbs
{
float:left;
font:normal 11px Verdana;
color:#CCCCCC;
height: 30px;
/*padding: 14px 0 0 10px;*/
/*padding: 51px 0 0 10px;*/
}
/*.settingsblock>div
{
	margin: 32px 2px 0 8px;
}*/
.settingsblock div#divBreadCrumbs a, .settingsblock div#divBreadCrumbs span
{
	margin: 8px 0;
}
.breadCrumbSeparator
{
	background: url(../../Images/arrow.gif) 0% 50% no-repeat;
	padding: 0 10px;
	float: left;
}
.settingsblock div a:visited, .settingsblock div a:active, .settingsblock div a:link
{
background: url(../../Images/arrow.gif) 0% 50% no-repeat;
/*margin: 32px 2px 0 8px;*/
padding: 0 10px;
float: left;
}
.settingsblock img
{ vertical-align:middle; text-decoration: none;}

.settingsblock a:link, .settingsblock a:visited, .settingsblock a:active
{ border:0px;
display:inline-block;
/*margin:0 2px 10px 0;*/
float:right;
/*padding: 5px;*/
color:#fff;
font:normal 11px Verdana;
font-weight:normal;
text-align:center;
}
.settingsblock a:hover
{ 
color:#F69B3A;
}

a.settingsblockIcon:link, a.settingsblockIcon:visited, a.settingsblockIcon:active
{ border:0px;
display:inline-block;
margin:0 5px 10px 0;
float:right;
padding:5px;
color:#fff;
font:normal 11px Verdana;
font-weight:bold;
text-align:center;
}
a.settingsblockIcon:hover
{ 
color:#f64e40;
text-decoration: none;
}
/* ================================================= */
/* 	 SUB MENU   CSS                               */
/* ================================================= */
#submenu 
{
	padding : 0 10px;
	background : #fff URL(../../Images/submenu.gif) top left repeat-x;
/*padding : 1px 10px;*/
}
#submenu ul {
margin : 0;
padding : 5px;
}
#submenu li {
list-style : none;
display : inline;
font-weight : bold;
margin : 0 3px 0 0;
padding : 4px 10px;
}
#submenu li a {
color : #ececec;
}
#submenu li:hover {
color: #fff;
background: URL(../../Images/menutop.gif) 50% 0% no-repeat;
}
#submenu li.iehoversm {
color: #fff;
background: URL(../../Images/menutop.gif) 50% 0% no-repeat;
}

#submenu li a:hover {
color : #fff;
}

/* ================================================= */
/* 	 SIDEBAR MENU CSS                              */
/* ================================================= */
#sidebarmenu {
background : #fff;
padding : 1px 0px;
}
#sidebarmenu ul {
margin : 0;list-style : none;
padding : 0px;
}
#sidebarmenu li {
list-style : none;
font-weight : bold;
line-height:25px;
margin : 0 0px 1px 0;
padding : 4px 10px;
border-left:5px solid #414141;
background : #ededed;
}
#sidebarmenu li a {
color : #414141;
}
#sidebarmenu li:hover {
color : #f64e40;
}
#sidebarmenu li a:hover {
color : #f64e40;
}
#sidebarmenu .activesub
{
color:#f64e40;
}
/* ================================================= */
/* 	 SEARCH BAR CSS ITEMS                          */
/* ================================================= */
.searchbar
{
float:right;
/*padding: 3px 28px 0 0;*/
padding: 7px 0 0 0;
text-transform: capitalize;
color:#fff;
font-weight: bold;
}
.searchbar input
{
padding:0px 10px;
}
.searchbar a
{
	background: none repeat scroll 0 0 #EF830E !important;
	padding: 2px 8px !important;
	float: none !important;	
}
#submenu img
{
vertical-align:middle;
}
/* ================================================= */
/* 	 Login Box CSS ITEMS                              */
/* ================================================= */
.loginform {
border-top : 0px solid #414141;
padding : 10px;
}
form.loginform textlabel { float:left; text-align: right;}
form.loginform input { clear:left;}
#login .forgot {
clear : both;
float : left;
}
#login form .submit input {
border : none;
text-transform : uppercase;
text-decoration : none;
}
#login form .submit input:hover {
padding : 3px 8px;
border : none;
color : #ffffff;
background : #007236;
text-decoration : none;
text-transform : uppercase;
}
form .submit {
padding : 3px 8px;
*padding : 3px 5px;
background-color: #4A4A4A;
color : #ffffff;
cursor: pointer;
}
form .submit:hover {
   background-color: #5D5D5D; 
}
form .button {
float : left;
padding : 3px 8px;
*padding : 3px 5px;
background-color: #4A4A4A;
color : #ffffff;
cursor: pointer;
border: 0;
margin-right: 4px;
}
form .button:hover {
   background-color: #5D5D5D; 
}
form .back {
float : left;
padding : 3px 8px;
*padding : 3px 5px;
background-color: #ffffff;
color : #4A4A4A;
cursor: pointer;
border: 1px solid #4A4A4A;
}
form .back:hover {
   background-color: #5D5D5D; 
   color : #ffffff;
}
#login {
width : 500px;
margin : 20px auto;
}
#userpass, #userlogin, #useremail {
font-size : 12px;
width : 97%;
padding : 3px;
}
.vmiddle 
{
 vertical-align:middle;
}
/* ================================================= */
/* 	 COMMON CSS ITEMS                              */
/* ================================================= */
a:link, a:visited, a:active {
color : #EF830E;
text-decoration : none;
}
a:hover {
color : #EF830E;
text-decoration : underline;
}
h1 {
font-size : 250%;
margin : 10px 0;
font-weight : normal;
text-align: left;
color: #3F3F3F;
}
h2 {
font-size : 180%;
margin : 10px 0 18px 10px;
font-weight : normal;
color: #454545;
}
h3 {
font-size : 180%;
margin : 7px 0 5px 28px;
*margin : 7px 0 -15px 28px;
font-weight : normal;
color: #3F3F3F;
}
h4 {
font-size : 140%;
margin : 5px 0;
font-weight : normal;
}
h5 {
font-size : 110%;
margin : 5px 0;
font-weight : normal;
}
h6 {
font-size : 92.5%;
margin : 5px 0;
font-weight : normal;
}
pre, code {
font : 1em/1.4em "Courier News", monospace;
color : #484848;
line-height : 1.5em;
}
/* ================================================= */
/* 	 MESSAGE BOX CSS                               */
/* ================================================= */
.success {
background : #e0ecd1 url(../../Images/success.gif) no-repeat 12px 50%;
border : 1px solid #60a400;
border-width : 5px 0 0 0;
color : #60a400;
}
.error {
/*background : #ffe3e1 url(../../Images/error.gif) no-repeat 12px 50%;
border : 1px solid #f14545;
border-width : 5px 0 0 0;*/
color : #f14545;
text-align: left;
}
.notice {
background : #fff0db url(../../Images/warning.gif) no-repeat 12px 50%;
border : 1px solid #e7a74c;
border-width : 5px 0 0 0;
color : #e7a74c;
}
.notice, .success, .error {
font-size : 100%;
padding : 12px 0 12px 0;
width : auto;
margin : 0 0 20px 0;
text-align : left;
}
.notice span, .success span, .error span {
font-weight : bold;
font-size : 18px;
padding : 2px 40px;
}
.PageWarning {
background : #fff0db url(../../Images/warning.gif) no-repeat 12px 50%;
padding: 15px 0 15px 55px;
border : 1px solid #e7a74c;
border-width : 5px 0 0 0;
color : #e7a74c;
text-align: left;
margin-bottom: 8px;
height: auto;
}
.PageError {
background : #ffe3e1 url(../../Images/error.gif) no-repeat 12px 50%;
padding: 15px 0 15px 55px;
border : 1px solid #f14545;
border-width : 5px 0 0 0;
color : #f14545;
text-align: left;
margin-bottom: 8px;
height: auto;
}
.PageMessage {
background : #E0ECD1 url(../../Images/success.gif) no-repeat 12px 50%;
padding: 15px 0 15px 55px;
border : 1px solid #60A400;
border-width : 5px 0 0 0;
color : #60A400;
text-align: left;
margin-bottom: 8px;
height: auto;
}
.msgContainer
{
	height: 50px;
	margin: 0 20px 0 10px;
	width: 96%;
	padding-top: 5px;
	position: fixed;
	top: 0px;
	z-index: 9000;
}
.success p, .error p, .notice p {
margin : 0;
padding : 0 40px;
color : #333333;
}
/* ================================================= */
/* 	 LIST ITEMS CSS                                   */
/* ================================================= */
.DashboardPage ul li{list-style-type: none; margin-left: 0;}
ul li{list-style-type: disc; margin-left: 0;}
.nums ul {
margin : 0;
padding : 0 10px;
}
.nums li {
list-style : decimal;
}
.squares ul {
margin : 0;
padding : 0 10px;
}
.squares li {
list-style : square;
padding : 0;
}
.circles ul {
margin : 0 10px;
padding : 0 10px;
float : right;
}
.circles li {
list-style : circle;
vertical-align : top;
}
.UpperArrow ul
{
    list-style-type: none;  
    
}
.UpperArrow li 
{
list-style-image: url(../../Images/bread.gif);
*list-style-image: url(../../Images/bread2.gif);
vertical-align : top;  
}
.InfoLayout li 
{
    padding: 3px 0;
}
    
/* ================================================= */
/* 	 RIGHTCOLUMN BOX CSS                               */
/* ================================================= */
.notes {
background : #e8e8e8;
border : 1px solid #c5c5c5;
border-top : 7px solid #414141;
}
.notes {
font-size : 100%;
color : #484848;
padding : 20px;
width : auto;
margin : 0 0 10px 0;
text-align : left;
}
.notes p {
margin : 0;
padding : 0;
clear : both;
}
.notes span {
font-weight : bold;
font-size : 1.2em;
padding-bottom : 2px;
margin-bottom : 10px;
}
/* ================================================= */
/* 	 PAGINATION CSS                               */
/* ================================================= */
.pagelink {
width : 10px;
background : #e7e8e8 url(../../Images/page.gif) repeat-x bottom left;
border : 1px solid #b2b2b2;
color : #787878;
clear : both;
line-height : 35px;
text-decoration : none;
}
a.pagelink:active, a.pagelink:visited, a.pagelink:link {
width : 10px;
background : url(../../Images/page.gif) repeat-x bottom left;
border : 1px solid #b2b2b2;
color : #787878;
padding : 6px;
}
a.pagelink:hover {
width : 10px;
background : #fff url(../../Images/page.gif) repeat-x bottom left;
border : 1px solid #b2b2b2;
color : #f64e40;
padding : 6px;
}
.pagecurrent {
width : 10px;
background : #fff url(../../Images/page.gif) repeat-x bottom left;
border : 1px solid #b2b2b2;
color : #f64e40;
padding : 6px;
}
/* ================================================= */
/* 	 Small Box CSS                               */
/* ================================================= */
.mainbox {
width : auto;
}
div.boxcontainer {
color : #888;
width : 30%;
float : left;
min-height:100px;
font : normal 10px Verdana;
background : #ffffff url(../../Images/boxb.gif) repeat-x top left;
padding : 5px;
margin : 0 0 1% 1%;
border : 1px solid #c6c6c6;
}
.boxcontainer h4 {
float : none;
font-size : 18px;
margin : 0;
font-family : verdana;
padding-bottom : 2px;
}
.boxcontainer h4 {
padding : 5px 0 5px 0;
}
a img.box_thumb, a:visited img.box_thumb {
float : left;
margin-right : 10px;
padding : 5px;
border : 1px solid #7a7a7a;
background : #7a7a7a;
}
a:hover img.box_thumb {
background : #fff;
}



/* ================================================= */
/* 	 TABLE BUTTONS CSS                               */
/* ================================================= */

a.submit:visited,a.submit:active,a.submit:link,   
a.add:visited,a.add:active,a.add:link,   
a.publish:visited,a.publish:active,a.publish:link,   
a.edit:visited,a.edit:active,a.edit:link,   
a.delete:visited,a.delete:active,a.delete:link,
a.reset:visited,a.reset:active,a.reset:link
{
	width: auto;
	margin: 0 2px 0 0;
	padding: 2px 8px;
	text-transform: uppercase;
	font: bold 10px Verdana;
	color: #fff;
	white-space: nowrap;
	text-decoration: none;
}
	
a.publish 	{ background: #afd2ea; color:#ffffff; }
a.publish:hover { background: #0072bc; color:#ffffff;}

a.edit { background: #949ca1; color:#000000;}
a.edit:hover { background: #727c82; color: #ffffff; }

a.delete { background: #ffb5b5; color:#ffffff; }
a.delete:hover { background: #d80047; color:#ffffff;}

a.add { background: #F89933; color:#ffffff; }
a.add:hover { background: #a546b0; color:#ffffff;}

a.reset { background: #96aabf; color:#ffffff; }
a.reset:hover { background: #6f7f90; color:#ffffff;}

a.submit { background: #12486b; color:#ffffff; }
a.submit:hover { background: #000000; color:#ffffff;}



/* ================================================= */
/* 	 GRIDVIEW CSS                                    */
/* ================================================= */

.GridView {
    border: 1px solid #BBBBBB;   
    width: 100%;
    /*margin-left: 12px;*/
}

.GridViewRow td {
    background-color: #ffffff;
    padding: 7px;
}

.ControlBreakHeader td{
    padding: 7px;
}   

.GridViewHeader {
    font-size: 13px; 
}

.GridViewRowAlternate td {
   background-color: #F4F4F4;
   padding: 7px;
}

.AspNet-GridView 
{
    width: 100%;
}

/*.AspNet-DataList table 
{
    background-color: #ffffff;
    width: 100%;
}

.AspNet-DataList table td
{
    background-color: #ffffff;
     border-bottom: 1px solid #BBBBBB;  
}*/



/* ================================================= */
/* 	 LAYOUT BG CSS                               */
/* ================================================= */

.BoxBg {
    background-image: url(../../Images/ImgBoxBg.gif);
    background-repeat: no-repeat;
    margin-left: 10px;
    height: 42px;
    padding-top: 25px;
}

.ImgBorderShadow {
    border: 1px solid #999999;
    padding: 7px;
}

.subscribersheader {
font-size: 13px;
font-weight: bold;
color: White;
background-color: #959494;
padding: 5px;
}

.subscriberslistMainHead {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    background-image: url(../../Images/MainHeaderBg.gif);
    background-repeat: repeat-x;
    background-position: bottom left;
    padding: 10px;
} 

Img .Pointer {
    cursor: pointer;
}   

.pointer {
    cursor: pointer;
} 

/* ================================================= */
/* 	 DRAGHANDLE LINES                               */
/* ================================================= */ 

/*Reorder List*/
.dragHandle {
	width:10px;
	height:15px;
	margin-left: 5px;
	background-color:#EAAE00;
	background-image:url(bg-menu-main.png);
	cursor:move;
	border:outset thin white;
}

.callbackStyle {
	border:thin blue inset;		
}

.callbackStyle table {
	background-color:#5377A9;	
	color:Black;
}

.reorderList{
    margin-top: -7px;
    margin-left: -40px;
}
.reorderList li {
	list-style:none;
	margin:2px;
    color: #F28341;
    line-height: 18px;
}

.reorderCue {
	border:dashed thin black;
	height:25px;
}

.itemArea {
	margin-left:15px;
	text-align:left;
}


/* ================================================= */
/* 	 INSTRUCTIONS BOX                               */
/* ================================================= */ 

.InstructionsBox
{
    background-image: url(../../Images/InstructionsBG.gif);
    background-repeat: repeat-x;    
    padding: 10px;
    border: 2px solid white;
    margin-bottom: 5px;
    float: left; 
    width: 98%;
    *width: 97%;
    line-height: 16px;
} 

.Instructions 
{
    width: 96%; 
    float: left;}

.InstructionButtons
{
	cursor: pointer;
    float: right; 
    width: 40px;
}



/*---------- bubble tooltip -----------*/
.tt{
    position:relative;
    z-index:24;
    color:#000;
	font-weight:normal;
    text-decoration:none;
}
.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
.tt:hover{ z-index:25; color: #000; background:;}
.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px;
    left:-20px;
	padding: 15px 0 0 0;
	margin-left:20px;
	width:200px;
	color: #000;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../../Images/bubble3.gif) no-repeat top;
}
.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../../Images/bubble_filler3.gif) repeat bottom; 
	text-align: left;
}
.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../../Images/bubble3.gif) no-repeat bottom;
}

/* AJAX Control Toolkit */
/* Modal popup */
    .modalBackground
    {
        background-color: Gray;
        filter: alpha(opacity=70);
        opacity: 0.7;
    }
    .modalPopup
    {
        background-color: white;
        border-width: 3px;
        border-style: solid;
        border-color: Gray;
        padding: 3px;
        width: 600px;
        padding: 10px;
        height: 400px;
        overflow: auto;
    }
    
/* JQ Modal */
/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #FFF;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.GridPaging
{
	text-align: center;
	margin: auto;
	/*width: 40%;*/
}

.watermark
{
	vertical-align: middle;
	color: DarkGray;
}

.normal
{
    
}

.colourBox
{
	height: 115px;
	width: 29.5%;
	float: left;
	border: 1px solid black;
	padding: 5px;
	margin: 5px;
}

.colourBox img
{
	float: left;
	padding: 10px 0 10px 10px !important;
}

.colourBox span#lblName
{
	float: left;	
	padding: 10px 0 10px 10px;
	width: 120px;
}

.UploadControl>span>div
{
	width: 401px !important;
	height: 26px !important;
}

.UploadControl>span>div>input
{
	height: 24px !important;
	font-size: 26px !important;
	width: auto !important;
}

.UploadControl>span>div>div>input
{
	width: 294px !important;
	padding: 3px;
	border: 1px solid #CACACA;
}

.PrintOnly
 {
    display:none;
 }