html, body {
margin : 0;
margin-bottom:1px;
padding : 0;
height: 100%;
}
body {
font: 73% Verdana, Arial, Helvetica, sans-serif;
background : #ccc;
color : #555;
}
#wrapper {
width : 770px;
margin-left : auto;
margin-right : auto;
padding : 0;
border : 10px solid #fff;
color : #555;
background : #fff url(../images/wrap_bg.jpg) repeat-x;
position: relative;
}
#header {
height : 96px;
padding : 0;
margin-bottom : 0;
}
#container {
    background: #FFFFFF url(../images/wrap_bg.jpg) repeat-x scroll 0 -160px;
    width: 770px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    padding: 0;
    line-height: 1.8em;
}
#menucontainer {
position : relative;
height : 56px;
color : #e0e0e0;
background : #143d55;
width : 100%;
font-family :  Verdana, Arial, Helvetica, sans-serif;
}
#menunav {
position : relative;
height : 33px;
font-size : 10px;
text-transform : uppercase;
font-weight : bold;
background : #fff url(../images/menu_bg.gif) repeat-x bottom left;
padding : 0 0 0 20px;
}
#menunav ul {
margin : 0;
padding : 0;
list-style-type : none;
width : auto;
float : left;
}
#menunav ul li {
display : block;
float : left;
padding : 0 1px;
}
#menunav ul li a {
display : block;
float : left;
color : #eaf3f8;
text-decoration : none;
padding : 0 0 0 7px;
height : 33px;
}
#menunav ul li a span {
padding : 12px 7px 0 0;
height : 21px;
float : left;
}
#menunav ul li a:hover {
color : #fff;
background : transparent url(../images/menu_bg-OVER.gif) repeat-x bottom left;
}
#menunav ul li a:hover span {
display : block;
width : auto;
cursor : pointer;
}
#menunav ul li a.current, #menunav ul li a.current:hover {
color : #fff;
background : #1d6893 url(../images/menu_left-ON.gif) no-repeat top left;
line-height : 275%;
padding : 0 0 0 9px;
}
#menunav ul li a.current span {
display : block;
padding : 0 9px 0 0;
width : auto;
background : #1d6893 url(../images/menu_right-ON.gif) no-repeat top right;
height : 33px;
}
#content {
padding : 0 1em 0 1em;
margin : 0 240px 0 0;
border-right : 1px solid #eee;
}
#sidebar {
float : right;
width : 200px;
margin-top : 0;
padding : 0 1em 0 1em;
}

#sidebar ul {
    display : block;
    padding: 0;
    margin: 10px 15px;
}

#sidebar img {
    text-align: center;
    margin: 5px 5px 0px;
    border: 1px solid #aaa;
}

#sidebar h3 {
    margin: 0;
    padding: 5px 0 20px 0;
    border-bottom: 1px solid #aaa;
    font: 150% Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: 3px;
    color: #143c55;
}

#footer {
clear : both;
height : 18px;
padding: 0;
padding-top: 5px;
margin-bottom : 0;
margin-top : 20px;
text-align : center;
border-top : 1px solid #4592be;
color : #fff;
background : #153E56;
}
h1 {
float : left;
margin : 0;
padding : 5px 0 20px 25px;
font: 300% Arial, Helvetica, sans-serif;
letter-spacing : 2px;
color : #fff;
}
h2 {
float : right;
margin : 0;
padding : 5px 20px 20px 0;
font: 90%  Verdana, Arial, Helvetica, sans-serif;
letter-spacing : 3px;
color : #4592be;
}
h3 {
margin : 0;
padding : 20px 0 20px 0;
border-bottom : 1px solid #aaa;
font : 150%  Verdana, Arial, Helvetica, sans-serif;
letter-spacing : 3px;
color : #143c55;
}
h4 {
margin : 0;
padding : 15px 0 15px 0;
font : 120%  Verdana, Arial, Helvetica, sans-serif;
letter-spacing : 3px;
color : #143c55;
}
blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}
a:link, a:visited {
color : #4592be;
background : inherit;
text-decoration : underline;
}
a:hover {
color : #aaa;
background : inherit;
text-decoration : none;
}
a img {
border: 0;
}

a.outgoing {
    text-decoration: none;
    border: 0;
}

.left {
float : left;
border : 0 solid #656c4a;
margin : 5px 0 10px 0;
padding : 10px;
}

.logo {
float : left;
border : 0 solid #656c4a;
margin : 5px 0 10px 0;
padding : 10px;
}

img#address {
    float:right;
}

#sky {
    background: transparent url(../images/headings/logo.jpg) no-repeat scroll 0 0;
    height:147px;
    width:770px;
}

.indented {
    padding-left: 25pt;
    padding-right: 25pt;
}

#simpleTooltip {
    padding: 7px;
    border: 1px solid #A6A7AB;
    background: #F2F3F5;
}

#uptotop {
    text-align:right;
}

ul#portfolio {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#portfolio .tag {
    /* display: none; */
}

#sidebar a.login {
    background-image:url(../images/client_login.png); background-position:0 -35px; height:35px; width:110px; display:block;
}

#sidebar a.login:hover {
    background-position: 0 0;
}

span.codedirection {
    unicode-bidi: bidi-override;
    direction: rtl;
}

td.seperator {
    border-bottom: 1px dashed #aaa;
}

#clientdisplay {
	position: absolute;
	top: 20px;
	right: 10px;
	font-size: 140%;
	font-weight: bold;
	color: #FFFFFF;
}

#userdisplay {
	position: absolute;
	top: 130px;
	right: 10px;
	font-size: 80%;
	font-weight: bold;
	color: #FFFFFF;
}

.datalist
{
    /*text-align:center;*/
    padding:0;
    margin:0;
    line-height:100%;
    color:#000000;
}

.datalist a
{
    color:#000000;
    text-decoration:none;
}

.datalist table
{
    width:100%;
    background-color:#FFFFFF;
    border-top: 1px solid #006699;
    border-bottom: 1px solid #006699;
    border: 1px solid #006699;
    margin: 0px;
    padding: 0px;
    border-spacing: 0px;
    border-collapse: collapse;}

.datalist table th
{
    padding: 2px;
    border-top: none;
    text-align:Left;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:x-small;
    font-weight:bolder;
    background-color:#153E56;
    color:#FFFFFF;
}

.datalist table td
{
    padding: 2px;
    border-top: 1px solid #b5b5b5;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:x-small;
}

.datalist table tr
{
    background-color: #F2F2F2;
}

.datalist table tr.alt
{
    background-color: #DCF4DC;
}

.datalist table tr.mover
{
    background-color:#FFFFFF;
}




.datalist2
{
    /*text-align:center;*/
    padding:0;
    margin: 0 0 10px;
    line-height:100%;
    color:#000000;
}

.datalist2 a
{
    color:#000000;
    text-decoration:none;
}

.datalist2 a:hover
{
    color:#ff0000;
    text-decoration:none;
}

.datalist2 table
{
    width:100%;
    background-color:#FFFFFF;
    border-top: 1px solid #006699;
    border-bottom: 1px solid #006699;
    border: 1px solid #006699;
    margin: 0px;
    padding: 0px;
    border-spacing: 0px;
    border-collapse: collapse;}

.datalist2 table th
{
    padding: 2px;
    border-top: none;
    text-align:Left;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:x-small;
    font-weight:bolder;
    background-color:#153E56;
    color:#FFFFFF;
}

.datalist2 table td
{
    padding: 2px;
    border-top: 1px solid #b5b5b5;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:x-small;
}

.userselection table {
	width: 100%;
	background-color: #FFF;
	border: 1px solid #006699;
	border-collapse: collapse;
	font-size: 80%;
}

.userselection table th, .userselection table td {
	border: 1px solid #ccc;
}

 .userselection table td {
	height: 26px;
}

#button {
		text-align:center;
		margin:20px;
		}

#paynow {
	color: #fef4e9;
	border: solid 1px #30681f;
	background: #47c516;
	background: -webkit-gradient(linear, left top, left bottom, from(#49d432), to(#3aa917));
	background: -moz-linear-gradient(top,  #49d432,  #3aa917);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#49d432', endColorstr='#3aa917');
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 22px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
#paynow:hover {
	background: #3aa917;
	background: -webkit-gradient(linear, left top, left bottom, from(#3aa917), to(#49d432));
	background: -moz-linear-gradient(top,  #3aa917,  #49d432);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#3aa917', endColorstr='#49d432');
	text-decoration: none;
}
#paynow:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#62ee2b), to(#62ee2b));
	background: -moz-linear-gradient(top,  #62ee2b,  #62ee2b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#62ee2b', endColorstr='#62ee2b');
	position: relative;
	top: 1px;
}

#paynow a {
			display:block;
			color:#FFFFFF;
			text-decoration:none;
}