/* Colour Table

	0	=	Primary Colour
	1	= 	Secondary Colour
	2	=	TitlePadding
	3	=	Tertiary Color
	4	=	Background Colour

 0 = Body Text Colour
 1 = Title Text Colour
 2 = Link\Visited\Active Colour
 3 = Link Hover Colour
 4 = Footer Break
 5 = Section Break Colour
 6 = Message Box Colour
 7 = Message Box Text Colour
 8 = Popup Colour
 9 = Menu Colour
10 = Menu Text
11 = Menu Hover Colour
12 = Menu Hover Text Colour
13 = Menu Item Colour
14 = Menu Item Text Colour
15 = Menu Item Hover Colour
16 = Menu Item Hover Text Colour
17 = Menu Separator Colour
18 = Tab Selected Background Colour
19 = Tab Selected Highlight Colour
/*
/* Main body of the pages */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing:-0.01em;
	color: #999;
	text-align:left;
	line-height:1.2em;
}

.maincontent{
	width:95%;
	margin:0 auto;
	position:relative;
	text-align:left;
	background:#FFF;
	overflow: visible; 
	background-attachment:fixed;	
}

#textleft {
	float:left;
	left:30px;
	top:390px;
	height:auto;
}

/* title on each of the pages */
.pageHeading {
	font-size:30px;
	font-weight:bold;
	line-height:1.3em;
	color: [0];
	padding-bottom: [2]px;
}
.heading {
	font-size:30px;
	font-weight:bold;
	line-height:1.3em;
	color: [0];
}

.smallText 
{
    font-size: 8pt;
    line-height:1.1em;
}

/* Link syles for each of the pages */
a:link {
	color: [0];
	text-decoration: none;
}

a:visited {
	color: [0];
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: red;
}
a:active {
	color: #666;
	text-decoration: none;
	outline:none;
}

/* Main background image on the pages */
#background-s-device {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-color: [4];
    background-position: 50% 0%;
    overflow:visible;
    z-index: -1;
}

/* the faded panel container that the main content of the page fits inbetween */
#bg-fade-container{
	width:90%;
    min-width:1000px;
	margin:0 auto;
	position:relative;
	text-align:center;
	overflow: visible; 
	
	/* Work around the browsers internal  margin */
	margin-top:-8px;
}

#bg-fade-container-left
{
	background:url(../../../images/left-fade-container.png) top left repeat-y;
	overflow: visible; 
	
	/* Work around the browsers internal  margin */
	margin-top:-8px;
}
#bg-fade-container-right
{
	background:url(../../../images/right-fade-container.png) top right repeat-y;
	overflow: visible; 
	
	/* Work around the browsers internal  margin */
	margin-top:-8px;	
}
#bg-fade-container-middle
{
	background:url(../../../images/middle-fade-container.png) repeat;
	margin:0 20px 0 20px;
	overflow: visible; 
	
	/* Work around the browsers internal  margin */
	margin-top:-8px;
}

/* the finishing object of the container image above */
#bg-bottom-fade{
	width:90%;
    min-width:1000px;
	margin:0 auto;
	position:relative;
	height: 20px;
        

	/* Work around the browsers internal  margin */
	margin-bottom:-8px;
}

#bg-bottom-fade-left 
{
	
	background:url(../../../images/bottomleft-fade-container.png) top left;
	background-repeat:no-repeat;
}
#bg-bottom-fade-right 
{
		background:url(../../../images/bottomright-fade-container.png) top right;
	background-repeat:no-repeat;
}
#bg-bottom-fade-middle
{
		
	background:url(../../../images/bottommiddle-fade-container.png);
	height:20px;
	margin:0 20px 0 20px;
}

/* Isopyre Logo, top right of the page */
.logo {
	right:10px;
	text-align:right;
	float:right;
	margin-bottom:8px;
}

/* isoPost Portal Logo, top left of page */
#isoPostPortalLogo 
{
	left:10px;
	text-align:left;
	margin-right:20px;
    width:auto;
	float:left;
   margin-bottom:8px;
}


/* Footer of the page, including the separator line */
#footer {
	float:none;
	left:2%;
	background-color:#FFF;
    border-top: 10px solid [0];
}

/* Main menu and the sub items */
.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	}
.menu ul{
	background:[0];
	height:30px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px;
		margin-left: 0;
		}
	.menu li a{
		background:[0] url("../../../images/seperator.gif") bottom right no-repeat;
		color:[1];
		display:block;
		font-weight:normal;
		line-height:30px;
		margin:0px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: [1];
			color:[3];
			text-decoration:none;
			}
	.menu li ul{
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:120px;
		z-index:200;
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background: [0];
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:120px;
		}
	.menu li:hover li a{
		background:[1];
		color:[3];
		}
	.menu li ul a{
		display:block;
		height:30px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:[1];
			border:0px;
			color:[0];
			text-decoration:none;
			}
		.menuSeparator {
		   background: [0] url('../../../images/sub_sep.png') no-repeat ! important;
		   height:1px ! important;
		}
	.menu p{
		clear:left;
		}	

.helpBreak
{
	background-color:[0];
	height:5px;
	width:100%;
	border:none;
}

/* Message box */
.messageBox 
{
	margin-left:auto;
	margin-right:auto;
	width:95%;
	background-color:#FFE8A8; 
	padding:5px;
	border:none;
	vertical-align:middle;
	z-index:-1;
	color:#999;
}

/*Password Strength Meter*/
.negativeBar {
    background-color: #E8E8E8;
}
.pwdBlankBar .positiveBar {
    width: 0%;
}
.pwdBlankBar .negativeBar {
    width: 100%;
}

.pwdWeakBar .positiveBar {
    background-color: Red;
    width: 30%;
}
.pwdWeakBar .negativeBar {
    width: 70%;
}

.pwdFairBar .positiveBar {
    background-color: #FFCC33;
    width: 65%;
}
.pwdFairBar .negativeBar {
    width: 35%;
}

.pwdStrengthBar .positiveBar {
    background-color: Green;
    width: 100%;
}
.pwdStrengthBar .negativeBar {
    width: 0%;
}

.stockPreview {
	overflow:hidden;
	background-color:#FFFFFF;
	margin-left:20px;
	display:none;
}

.stockContainer
{
	float:left;
}

.stockPreviewImage {
	-moz-box-shadow: 5px 5px 20px #c9c9cb; 
	-webkit-box-shadow: 5px 5px 20px #c9c9cb;
	box-shadow: 5px 5px 20px #c9c9cb;	
	margin: 10px 25px 25px 0px;
	width:150px;
	border:solid 1px #c9c9cb;
	cursor:pointer;
}

.popupBackground {
     background-color:#707070;
     filter:alpha(opacity=0.7);
     opacity:0.7;
     position:absolute;
     z-index:999;
     top:0;
     left:0;
     width:100%;
     height:100%;
 }
 
 .loadingBackground {
     background-color:#707070;
     filter:alpha(opacity=0.7);
     opacity:0.7;
     position:absolute;
     z-index:1999;
     top:0;
     left:0;
     width:100%;
     height:100%;
     cursor:wait;
 }
 
.modalPopup {
     background-color:white;
     border:solid 1px [0];
     padding:10px;
     position:absolute;
     -moz-box-shadow: 5px 5px 20px #606060; 
     -webkit-box-shadow: 5px 5px 20px #606060;
     box-shadow: 5px 5px 20px #606060;	
     z-index:1000;
 }
 
.loading 
{
    border: solid 1px [0];
	background-color: white;
	font: 14pt Verdana;
	color: [0];
	white-space: nowrap;
	text-align: center;
	padding: 30px;
	 position:absolute;
    -moz-box-shadow: 5px 5px 20px #606060; 
    -webkit-box-shadow: 5px 5px 20px #606060;
    box-shadow: 5px 5px 20px #606060;	
    z-index:2000;
    cursor:wait;
}

.tabHeading
{
    text-align:left;
	line-height:30px;
	font-size:12px;
	border-left:none;
	border-top:none;
	border-bottom:none;
}
.tabContent 
{
    margin-left:20px;
    border-left:solid 1px #666666;
    padding-left:20px;
    outline:none;
}


.tabs .ajax__tab_outer
{
}

.tabs .ajax__tab_inner
{

	 
}

.ajax__tab_default .ajax__tab_tab, .tabs .ajax__tab_tab
{
    
}

.tabs .ajax__tab_body
{

}

.tabs .ajax__tab_hover
{

}

.tabs .ajax__tab_active
{
    border-right:solid 5px [0];
    background-color:#E6E6E6;
    outline:none;
}

.buttonContainerLeft
{
    float: left;
    margin-right: 10px;
}
.buttonContainerRight
{
    float: right;
    margin-left: 10px;
}

.ContainerCentered
{
    vertical-align: middle;
    text-align: center;
}

#floatingBox {
  /* Position absolutely, 230px down from the top */
  position: absolute;
  top: 230px;

  left: 653px;
  width: 200px;

  /* These are just for my example */
  height: 1.25em;
   /*text-align: center; */
}