/* ================================================= */
/* 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 {
background : #d5d5d5;
font-family : Verdana;
font-size : 12px;
line-height : 1.5em;
color : #000000;
margin : 0;
}
.clearfix:after {
content : ".";
display : block;
clear : both;
visibility : hidden;
line-height : 0;
height : 0;
}
.clearfix {
display : inline-block;
}
html[xmlns] .clearfix {
display : block;
}
* html .clearfix {
height : 1%;
}
#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;
height : 142px;
width : 100%;
}
.logo {
margin : auto;
padding : 0 0 0 0;
}
#header span {
padding : 30px 30px;
font : bold 1em Verdana;
color : #214478;
}
#header span .small {
font : 11px Verdana;
color : #3A6189;
text-align: left;
padding: 0;
margin: 0;
}
.logo a:link {
color : #4D6148;
}
.logo a:hover {
color : #4D6148;
}
/* ================================================= */
/* 	 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 : #414141 url(images/menu.gif) repeat-x;
height : 31px;
width : 100%;
}
#menu .topmenu {
width : 900px;
margin : auto;
}
/* ================================================= */
/* 	 Settings MENU   CSS                               */
/* ================================================= */
.settingsblock
{
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
{
float:left;
font:normal 11px Verdana;
color:#CCCCCC;
padding: 14px 0 0 10px;
}
.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-left: 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:#d5dad4;
}

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 {
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;
text-transform: capitalize;
color:#fff;
font-weight: bold;
}
.searchbar input
{
padding:0px 10px;
}
#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;
}
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 : #4874b5;
text-decoration : none;
}
a:hover {
color : #4874b5;
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;
}
.PageError {
background : #ffe3e1 url(images/cancel.png) no-repeat 12px 50%;
padding-left: 55px;
padding-top: 15px;
border : 1px solid #f14545;
border-width : 5px 0 0 0;
color : #f14545;
text-align: left;
margin-bottom: 8px;
height: 30px;
}
.success p, .error p, .notice p {
margin : 0;
padding : 0 40px;
color : #333333;
}
/* ================================================= */
/* 	 LIST ITEMS CSS                                   */
/* ================================================= */
ul {margin-left: 35px;}
ul li { list-style-type: disc;}

.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: #84ad2c; color:#ffffff; }
a.add:hover { background: #6a8b22; 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;}



/* ================================================= */
/* 	 GRIDVIEWD CSS                               */
/* ================================================= */

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

.GridViewRow td {
    background-color: #ffffff;
    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                               */
/* ================================================= */ 

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


/* ================================================= */
/* 	 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
{
    float: right; 
    width: 40px;
}



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

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #000; background:;}
a.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;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(bubble3.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(bubble_filler3.gif) repeat bottom; 
	text-align: left;
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(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');
}