html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center; background-color:#F1F1F2;}
div#container{text-align:left; width:960px;margin:0 auto; background-color:#F1F1F2; margin-top:10px;}
p{margin:0px 0px 10px 0px;}
.smalltext { font-size:11px;}
.smalltext1 { font-size:10px;}
.chkHiddenText label{ display:none;}
h1 { font-size:26px; font-weight:bold; color:#006666; margin:0px 0px 10px 0px; padding: 0px; letter-spacing: -1px;}
h2 { font-size:18px; font-weight:bold; color:#006666; margin:0px 0px 10px 0px; padding: 0px; border-top: 1px solid #CCC; padding-top: 20px;}
h3 { font-size:13px; font-weight:bold; color:#006666; margin:0px 10px 0px 0px; padding: 0px; }
h4 { font-size:12px; font-weight:bold; color:#000000; margin:0px 0px 0px 0px; padding: 0px; letter-spacing: -1px;}
mark { font-size:12px; font-weight:bold; color:#000000; margin:0px 0px 0px 0px; padding: 0px; letter-spacing: -1px;}
a{color: #006666;}
.floatright { float: right;}
.floatleft { float: left;}
.buttonright { float: right; margin-bottom: 10px;}
div#header{height:135px;margin:0;background: #ffcc00;color: #FFF; background-image:url(Images/bg_header.gif); font-size: 11px;}
div#header .logo{ float:left; width:170px; height:135px;}
div#header .tabs{ height: 30px; float:left; position:relative; top:105px; width:540px; text-align:right;}
div#header .numbermailtab{ left:515px; top:9px; position: absolute; color: #FF0000; font-weight:bold;}
div#header #login{ float:right; width:220px; height:115px; text-align:left; padding: 0px 10px 10px 0px;}
div#header #login h1{ font-size:26px; font-weight:bold; color:#FFF; margin:0px 0px 0px 0px; padding:0px;}
div#header #login form{ margin:3px 0px 0px 0px;}
div#header #login .formfield{ font-size:11px; color:#006666; width:160px;}
div#header #login .gobutton{ position: relative; left: 210px; top: 48px;}
div#header #moreshack{ float: right; position: relative; top:75px; left: 220px;}
div#homebox {padding: 20px;}
div#homebox p{margin:0px; padding: 5px 0px 10px 0px;}
div#homebox .left{ width:380px; float: left; text-align:center; font-size: 34px; margin-top:5px;}
div#homebox .right{ float: right;}
div#wrapper{margin-top:10px;}
/* left column styles */
div#leftcolumn{float:left;width:690px; background-color:#FFF; padding:10px; min-height:455px;}
div#leftcolumn p{line-height:1.4}
div#leftcolumn ul{line-height:1.4; margin: 0px 0px 10px 0px; padding: 0px; list-style-type: none; border-bottom: 1px solid #CCC;}
div#leftcolumn li{line-height:2.0; margin: 0px; padding: 10px 0px 0px 30px; list-style-type: none;}
div#leftcolumn .one{line-height:1.4; background-image:url(Images/image_g1.gif); background-repeat: no-repeat; background-position: 3px 7px;}
div#leftcolumn .two{line-height:1.4; background-image:url(Images/image_g2.gif); background-repeat: no-repeat; background-position: 3px 7px;}
div#leftcolumn .three{line-height:1.4; background-image:url(Images/image_g3.gif); background-repeat: no-repeat; background-position: 3px 7px;}
div#leftcolumn .four{line-height:1.4; background-image:url(Images/image_g4.gif); background-repeat: no-repeat; background-position: 3px 7px;}
div#leftcolumn .five{line-height:1.4; background-image:url(Images/image_g5.gif); background-repeat: no-repeat; background-position: 3px 7px; margin-bottom: 30px;}
div#leftcolumn .oney{line-height:1.4; background-image:url(Images/image_y1.gif); background-repeat: no-repeat; background-position: 3px 7px;}
div#leftcolumn .twoy{line-height:1.4; background-image:url(Images/image_y2.gif); background-repeat: no-repeat; background-position: 3px 7px;}
div#leftcolumn .threey{line-height:1.4; background-image:url(Images/image_y3.gif); background-repeat: no-repeat; background-position: 3px 7px;}
div#leftcolumn .foury{line-height:1.4; background-image:url(Images/image_y4.gif); background-repeat: no-repeat; background-position: 3px 7px;}
div#leftcolumn .fivey{line-height:1.4; background-image:url(Images/image_y5.gif); background-repeat: no-repeat; background-position: 3px 7px; margin-bottom: 30px;}
div#leftcolumn .buttgo { position: relative; left: 20px; top: 5px;}
div#leftcolumn .regcol1 { float: left; width: 350px;}
div#leftcolumn .regcol1 .question{ position: relative; left: 15px; top: 20px; float: right;}
div#leftcolumn .regcol1 p{ margin: 0px;}
div#leftcolumn .regcol1 .left{ float: left; width: 175px;}
div#leftcolumn .regcol1 .right{ float: right; width: 175px; padding-top: 52px;}
div#leftcolumn .regcol2 { float: right; width: 300px; height:155px; background-image:url(Images/panel_register.gif);right: 20px; position: relative; margin-top: 30px;}
div#leftcolumn .regcol2 h3 { font-size:14px; font-weight:bold; color:#006666; margin:10px 10px 10px 22px; padding: 0px; border-bottom: 1px solid #CCC; padding: 0px 0px 10px 8px;}
div#leftcolumn .regcol2 p { margin:10px 10px 10px 22px; padding: 0px 0px 10px 8px;}
div#leftcolumn .formfield{ width: 155px; margin-bottom: 10px;}
div#leftcolumn .formfield2{ width: 160px; margin-bottom: 10px;}
div#leftcolumn .left{float:left;width:220px; margin-right: 10px;}
div#leftcolumn .middle{float:left;width:210px; margin-right: 10px; margin-left: 10px;}
div#leftcolumn .right{float:right;width:230px;}
div#leftcolumn .left2{float:left;width:345px; margin-left:10px;}
div#leftcolumn .left2 .rowtop{ margin-top:10px;background-image:url(images/bg_titlebar2.gif); height: 30px; font-weight:bold; color:#006666; clear: both;}
div#leftcolumn .left2 .livedayshd{ height: 26px; background-image: url(images/tableft_livedays.jpg); padding: 4px 10px 0px 10px;}
div#leftcolumn .left2 .livedaysrow{ background-color:#FFF; padding:10px;float:left; width:325px;}
div#leftcolumn .left2 .livedaysrowgrey{ background-color:#CCC; padding:10px; margin-top:10px; border-top: 1px solid #339933; float:left; width:325px;}
div#leftcolumn .left2 .livedaysleft{ float:left;}
div#leftcolumn .left2 .livedaysright{ float:right;}
div#leftcolumn .right2{float:right;width:335px;}
div#leftcolumn .right2 .editdetails{background-image:url(images/panel_comment185px.gif); width:335px; background-repeat:no-repeat; background-position: 20px 0px; padding-left:50px; padding-top:10px; }
div#leftcolumn .right2 .editwage{background-image: url(images/panel_comment275px.gif); background-repeat:no-repeat; background-position: 20px 0px; padding-left:50px; padding-top:10px; }
div#leftcolumn .right2 .livedayshd{ height: 26px; background-image:url(images/tabright_livedays.jpg); margin-left: 35px; margin-right: 15px; padding: 4px 10px 0px 10px;}
div#leftcolumn .right2 .livedays{background-image: url(images/panel_comment275px.gif); margin-left:20px; margin-top:10px; background-repeat:no-repeat; background-position: 0px 0px; padding-left:30px; padding-top:10px; }
div#leftcolumn .right2 .selectionbox{ font-weight:bold; background-color: #FFCC00; text-align:right; font-size:16px; border: solid 1px #000; width:50px; float:right; margin-right:30px; }
div#leftcolumn .right2 .selectionboxwhite{ font-weight:bold; background-color: #FFF; text-align:right; font-size:16px; border: solid 1px #000; width:50px; float:right; margin-right:30px; }
div#leftcolumn .right2 form{ margin:0px 0px 0px 0px; padding:-5px 0px 0px 0px; position:relative; bottom: 5px; }
div#leftcolumn .right2 .buttok{ position: relative; left:200px; top: -20px;}
div#leftcolumn .right2 .buttok2{ position: relative; left:200px; top: -60px;}
div#leftcolumn .right2 .list{ width: 180px; }
div#leftcolumn .cancelaccount{float:left;width:684px; border-top: 1px solid #CCC; padding-top:10px;}
div#leftcolumn .mywidget{float:left;width:684px; background-color:#BAB2D6; padding: 3px;}
div#leftcolumn .mywidgetdata{float:left; margin-top: 30px; margin-left:35px;}
div#leftcolumn .myshacktitle{padding-left:130px;}
div#leftcolumn .location{float:left; width:345px; margin-bottom:10px;}
div#leftcolumn .locationleft{float:left; width: 100px; padding-top:3px;}
div#leftcolumn .locationleft2{float:left; width: 70px; padding-top:3px;}
div#leftcolumn .locationcentre{float:left; font-size:18px; font-weight:bold; color:#006666;}
div#leftcolumn .locationcentreemail{float:left; font-size:10px; font-weight:bold; color:#006666; padding-top:4px;}
div#leftcolumn .locationright{float:right;}
div#leftcolumn p{line-height:1.4}
div#leftcolumn ul{line-height:1.4; margin: 0px 0px 10px 0px; padding: 0px; list-style-type: none; border-bottom: 1px solid #CCC;}
div#leftcolumn li{line-height:2.0; margin: 0px; padding: 10px 0px 0px 30px; list-style-type: none;}
div#leftcolumn .one{line-height:1.4; background-image:url(images/image_g1.gif); background-repeat: no-repeat; background-position: 3px 7px;}
div#leftcolumn .two{line-height:1.4; background-image:url(images/image_g2.gif); background-repeat: no-repeat; background-position: 3px 7px;}
div#leftcolumn .three{line-height:1.4; background-image:url(images/image_g3.gif); background-repeat: no-repeat; background-position: 3px 7px;}
div#leftcolumn .four{line-height:1.4; background-image:url(images/image_g4.gif); background-repeat: no-repeat; background-position: 3px 7px;}
div#leftcolumn .five{line-height:1.4; background-image:url(images/image_g5.gif); background-repeat: no-repeat; background-position: 3px 7px; margin-bottom: 30px;}
div#leftcolumn .buttgo { position: relative; left: 20px; top: 5px;}
div#leftcolumn .regcol1 { float: left; width: 350px;}
div#leftcolumn .regcol1 .question{ position: relative; left: 15px; top: 20px; float: right;}
div#leftcolumn .regcol1 p{ margin: 0px;}
div#leftcolumn .regcol1 .left{ float: left; width: 175px;}
div#leftcolumn .regcol1 .right{ float: right; width: 175px; padding-top: 52px;}
div#leftcolumn .regcol2 { float: right; width: 300px; height:155px; background-image:url(images/panel_register.gif);right: 20px; position: relative; margin-top: 30px;}
div#leftcolumn .regcol2 h3 { font-size:14px; font-weight:bold; color:#006666; margin:10px 10px 10px 22px; padding: 0px; border-bottom: 1px solid #CCC; padding: 0px 0px 10px 8px;}
div#leftcolumn .regcol2 p { margin:10px 10px 10px 22px; padding: 0px 0px 10px 8px;}
div#leftcolumn .formfield{ width: 155px; margin-bottom: 10px;}
div#leftcolumn .formfield2{ width: 160px; margin-bottom: 10px;}
div#messages { margin-left: 10px;}
div#messages .rowtop{ background-image:url(Images/bg_messages.gif); width: 680px; height: 30px; font-weight:bold; color:#006666; background-repeat: no-repeat; clear:both;}
div#messages .rowgrey{ width: 678px; background-color: #f1f1f2; border: 1px solid #CCC; height: 30px; margin-top: 8px; }
div#messages .rowgreyunread{ width: 678px; background-color: #f1f1f2; border: 1px solid #CCC; height: 30px; margin-top: 8px; font-weight:bold; }
div#messages .rowgreybig{ width: 678px; background-color: #f1f1f2; border: 1px solid #CCC; min-height: 160px; margin-top: 8px;}
div#messages .rowgreysmall{ width: 96px; float: right; background-color: #f1f1f2; border: 1px solid #CCC; height: 20px; margin-top: 8px; padding: 5px;}
div#messages .rowwhite{ width: 678px; border: 1px solid #CCC; height: 30px; margin-top: 8px;}
div#messages .rowwhiteunread{ width: 678px; border: 1px solid #CCC; height: 30px; margin-top: 8px; font-weight:bold;}
div#messages .rowwhitebig{ width: 678px; border: 1px solid #CCC; min-height: 160px; margin-top: 8px;}
div#messages .rowwhitesmall{ width: 56px; float: right; background-color: #fff; border: height: 20px; margin-top: 2px; padding: 15px; clear: right;}
div#messages .columnoneheader{ float: left; width: 150px; margin-right: 10px; padding: 7px; }
div#messages .columnone{ clear:both; float: left; width: 150px; margin-right: 10px; padding: 7px; height: 160px; }
div#messages .columnoneinbox{ float: left; width: 150px; margin-right: 10px; padding: 7px; }
div#messages .columntwo{ float: left; width: 280px; margin-right: 10px; padding: 7px;}
div#messages .columnthree{ float: left; width: 120px; margin-right: 10px; padding: 7px;}
div#messages .columnfour{ float: left; width: 30px; margin-right: 10px; padding: 7px;}
div#messages .columnfive{ float: left; width: 480px; margin-right: 10px; padding: 7px;}
div#messages .replymessages{ }
div#searchresults { margin-left: 10px;}
div#searchresults .paging{ float:left; margin-top: 15px; margin-bottom: 15px;}
div#searchresults .pageon { background-color:#006666; padding: 3px; color:White; text-decoration:none;}
div#searchresults .pageoff { background-color:#CCC; padding: 3px; text-decoration:none;}
div#searchresults .paginglink {text-decoration:none;}
div#searchresults .sortby{ float:right; position: relative;}
div#searchresults .currentprice{ float:right; position: relative; width: 260px; height: 75px; background-image:url(Images/panel_price.gif); margin-top: 10px; padding: 10px 10px 10px 30px}
div#searchresults .currentselectionbox{ font-weight:bold; background-color: #FFCC00; text-align:center; font-size:16px; border: solid 1px #000;}
div#searchresults .currentpricebox{ font-weight:bold; background-color: #FFCC00; text-align:left; font-size:16px; border: solid 1px #000;}
div#searchresults .ok{ margin-left: 20px;}
div#searchresults .dropdown{ width: 200px;}
div#searchresults .rowtop{ margin-top:10px;background-image:url(Images/bg_messages.gif); width: 680px; height: 30px; font-weight:bold; color:#006666; clear: both;}
div#searchresults .rowgrey{ width: 678px; background-color: #f1f1f2; border: 1px solid #CCC; height: 30px; margin-top: 2px;}
div#searchresults .rowwhite{ width: 678px; border: 1px solid #CCC; margin-top: 8px; float: left;}
div#searchresults .rowgreen{ width: 678px; border: 1px solid #CCC; margin-top: 8px; float: left; background-color:#999933;}
div#searchresults .rowpurple{ width: 678px; border: 1px solid #CCC; margin-top: 8px; float: left; background-color:#9999CC;}
div#searchresults .columnone{ float: left; width: 30px; margin-right: 5px; padding: 7px; text-align: center; }
div#searchresults .columntwo{ float: left; width: 150px; margin-right: 5px; padding: 7px; text-align: left; }
div#searchresults .columnthree{ float: left; width: 66px; margin-right: 5px; padding: 7px; text-align: center; }
div#searchresults .columnfour{ float: left; width: 40px; margin-right: 5px; padding: 7px; text-align: center; }
div#selections { }
div#selections .rowtop{ margin-top:10px;background-image:url(Images/bg_titlebar2.gif); width: 380px; height: 30px; font-weight:bold; color:#006666; clear: both;}
div#selections .rowtop2{ margin-top:10px; margin-left: 4px; width: 270px; padding: 10px;background-image:url(Images/bg_titlebar1.gif); height: 10px; font-weight:bold; color:#006666; clear: both;}
div#selections .left{float: left; width: 380px;padding: 40px 10px 10px 20px;}
div#selections .rowwhite{ border: 1px solid #CCC; margin-top: 8px; float: left; width: 378px;}
div#selections .rowgreen{ border: 1px solid #CCC; margin-top: 8px; float: left; width: 378px; background-color:#999933;}
div#selections .rowpurple{ border: 1px solid #CCC; margin-top: 8px; float: left; width: 378px; background-color:#9999CC;}
div#selections .rowgrey{ border: 1px solid #CCC; margin-top: 8px; float: left; width: 200px; background-color:#9999CC;}
div#selections .rowempty{ margin-top: 2px; float: left; width: 378px; margin-bottom: 5px;}
div#selections .columnone{ float: left; width: 50px; margin-right: 5px; padding: 7px; }
div#selections .columntwo{ float: left; width: 220px; margin-right: 5px; padding: 7px;}
div#selections .columnthree{ float: left; width: 50px; margin-right: 5px; padding: 7px; text-align:center; }
div#selections .columnfour{ float: left; width: 150px; margin-right: 5px; padding: 0px; }
div#selections .columnfive{ float: right; width: 50px; margin-right: 5px; padding: 0px; text-align:center; }
div#selections .right{width: 265px; float: left; position: relative; left: 15px;}
div#selections .subjectbox{margin-top:2px;width: 265px; height: 30px; background-image:url(Images/bg_message1.gif); padding: 10px 10px 10px 20px;}
div#selections .messagebox{margin-top:2px;width: 265px; height: 310px; background-image:url(Images/bg_message1.gif); padding: 10px 10px 10px 20px;}
div#selections .messagebox1{padding: 10px 10px 10px 20px;}
div#selections .messagebox2{padding: 0px 10px 10px 20px;}
div#selections h3{ font-size:14px; font-weight:bold; border-bottom: 1px solid #CCC; color:#006666; }
div#selections .go{ position: relative; float: right; }
div#rightcolumnbox1{background-color:#FFF;float:right; width:210px; padding:10px;}
div#rightcolumnbox1 .boxpad{ margin-top:10px;}
div#rightcolumnbox1 a{ text-decoration: underline;}
div#rightcolumnbox1 a:hover{ text-decoration: none;}
div#rightcolumnbox1 .newsleft{ margin-top:10px; width: 130px; float: left; }
div#rightcolumnbox1 .newsright{ margin-top:10px; width: 80px; float:right;}
div#rightcolumnbox1 p{font-size: 10px; padding: 5px 2px 0px 5px; color: #006666;}
div#rightcolumnbox2{background-color:#FFF;float:right; width:210px; padding:10px; margin-top: 10px; height: 150px;}
div#extra{background:#FF8539; clear:both;width:100%}
purplecolour
{ border: 1px solid #CCC; margin-top: 8px; float: left; width: 378px; background-color:#9999CC;
}
div#footer{width: 940px; color: #FFF; height:47px;
background-image:url(Images/bg_footer.gif);
clear:both; padding: 8px 10px 0px 10px; position:relative; top: 10px;}
div#footer p{ float:right; text-transform:uppercase; text-align:right; font-weight:bold; line-height:18px; font-size: 10px;}
div#footer a{ text-decoration: none;}
div#footer a:hover{ text-decoration: underline;}
div#footer h1{ color:#FFFFFF; float:left; margin:0px; padding:0px; letter-spacing: -1px;}
div#footer h2{ position: relative; float: left; right: 10px; bottom: 29px;}
.footerimage { float:left; margin-top: -8px; margin-left: -10px;}
/*
body
{
margin: 0px;
font-family: Arial;
font-size: 12px;
}
#container
{
background-color: red;
background-color:white;
width:1000px;
text-align:left;
}
#container2
{
width:150px;
height:auto;
background-color:white;
margin-left:0px;
}
#Leftmenubox
{
width:150px;
height:auto;
background-color:blue;
margin-left:0px;
}
.skillsbox
{
font-family: Arial;
font-size:12px;
font-style:italic;
width:140px;
background:blue;
height:100px;
}
#footer
{
left:auto;
right:auto;
width:100%;
position:fixed;
bottom:0px;
}
#footer1
{
position:relative;
padding: 0px;
margin: 0px;
width: 100%;
height: 10px;
background-color:#999999;
}
#footer2
{
text-align:center;
width: 100%;
height: 150px;
background-color:#DEDBDB;
}
#footermenubox
{
vertical-align:top;
width:1000px;
text-align:left;
}
#footer150
{
float:left;
width:150px;
}
#footer200
{
width:200px;
}
#footermenu1
{
float:left;
width:325px;
font-family:Arial;
font-size:x-small;
text-align:left;
}
#footermenu2
{
width:325px;
font-family:Arial;
font-size:x-small;
text-align:right;
}
#Mainlayer
{
width:1000px;
height:auto;
background-color: white;
margin-left:auto;
margin-right:auto;
}
#Topmostbox
{
width: 100%;
height: 20px;
font-size: 10px;
background-color: white;
background-image:url(Images/menu_bar.gif);
vertical-align:bottom;
padding-top:20px;
}
#TopmostMenu
{
width: 680px;
padding-left:0px;
height: 15px;
margin-left:auto;
margin-right: auto;
text-align:left;
top:25px;
}
#Welcomebox
{
position: absolute;
top: 15px;
border-bottom-width:5px;
left: 1000px;
width: 200px;
height: 30px;
font-size: 10px;
font-family: Arial;
}
#Homeheader
{
position: absolute;
width: 650px;
height: 55px;
left: 150px;
margin-top:0px;
background-color: white;
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center; background-color:#F1F1F2;}
div#container{text-align:left; width:960px;margin:0 auto; background-color:#F1F1F2; margin-top:10px;}
p{margin:0px 0px 10px 0px;}
.smalltext { font-size:11px;}
.chkHiddenText label{ display:none;}
h1 { font-size:26px; font-weight:bold; color:#006666; margin:0px 0px 10px 0px; padding: 0px; letter-spacing: -1px;}
h2 { font-size:18px; font-weight:bold; color:#006666; margin:0px 0px 10px 0px; padding: 0px; border-top: 1px solid #CCC; padding-top: 20px;}
a{color: #006666;}
.floatright { float: right;}
.floatleft { float: left;}
.buttonright { float: right; margin-bottom: 10px;}
div#header{height:135px;margin:0;background: #ffcc00;color: #FFF; background-image:url(Images/bg_header.gif); font-size: 11px;}
div#header .logo{ float:left; width:170px; height:135px;}
div#header .tabs{ height: 30px; float:left; position:relative; top:105px; width:540px; text-align:right;}
div#header .numbermailtab{ left:515px; top:9px; position: absolute; color: #FF0000; font-weight:bold;}
div#header #login{ float:right; width:220px; height:115px; text-align:left; padding: 0px 10px 10px 0px;}
div#header #login h1{ font-size:26px; font-weight:bold; color:#FFF; margin:0px 0px 0px 0px; padding:0px;}
div#header #login form{ margin:3px 0px 0px 0px;}
div#header #login .formfield{ font-size:11px; color:#006666; width:160px;}
div#header #login .gobutton{ position: relative; left: 210px; top: 48px;}
div#header #moreshack{ float: right; position: relative; top:75px; left: 220px;}
div#homebox {padding: 20px;}
div#homebox p{margin:0px; padding: 5px 0px 10px 0px;}
div#homebox .left{ width:380px; float: left; text-align:center; font-size: 34px; margin-top:5px;}
div#homebox .right{ float: right;}
div#wrapper{margin-top:10px;}
div#leftcolumn{float:left;width:690px; background-color:#FFF; padding:10px; min-height:455px;}
div#leftcolumn p{line-height:1.4}
div#leftcolumn ul{line-height:1.4; margin: 0px 0px 10px 0px; padding: 0px; list-style-type: none; border-bottom: 1px solid #CCC;}
div#leftcolumn li{line-height:2.0; margin: 0px; padding: 10px 0px 0px 30px; list-style-type: none;}
div#leftcolumn .one{line-height:1.4; background-image:url(Images/image_g1.gif); background-repeat: no-repeat; background-position: 3px 7px;}
div#leftcolumn .two{line-height:1.4; background-image:url(Images/image_g2.gif); background-repeat: no-repeat; background-position: 3px 7px;}
div#leftcolumn .three{line-height:1.4; background-image:url(Images/image_g3.gif); background-repeat: no-repeat; background-position: 3px 7px;}
div#leftcolumn .four{line-height:1.4; background-image:url(Images/image_g4.gif); background-repeat: no-repeat; background-position: 3px 7px;}
div#leftcolumn .five{line-height:1.4; background-image:url(Images/image_g5.gif); background-repeat: no-repeat; background-position: 3px 7px; margin-bottom: 30px;}
div#leftcolumn .oney{line-height:1.4; background-image:url(Images/image_y1.gif); background-repeat: no-repeat; background-position: 3px 7px;}
div#leftcolumn .twoy{line-height:1.4; background-image:url(Images/image_y2.gif); background-repeat: no-repeat; background-position: 3px 7px;}
div#leftcolumn .threey{line-height:1.4; background-image:url(Images/image_y3.gif); background-repeat: no-repeat; background-position: 3px 7px;}
div#leftcolumn .foury{line-height:1.4; background-image:url(Images/image_y4.gif); background-repeat: no-repeat; background-position: 3px 7px;}
div#leftcolumn .fivey{line-height:1.4; background-image:url(Images/image_y5.gif); background-repeat: no-repeat; background-position: 3px 7px; margin-bottom: 30px;}
div#leftcolumn .buttgo { position: relative; left: 20px; top: 5px;}
div#leftcolumn .regcol1 { float: left; width: 350px;}
div#leftcolumn .regcol1 .question{ position: relative; left: 15px; top: 20px; float: right;}
div#leftcolumn .regcol1 p{ margin: 0px;}
div#leftcolumn .regcol1 .left{ float: left; width: 175px;}
div#leftcolumn .regcol1 .right{ float: right; width: 175px; padding-top: 52px;}
div#leftcolumn .regcol2 { float: right; width: 300px; height:155px; background-image:url(Images/panel_register.gif);right: 20px; position: relative; margin-top: 30px;}
div#leftcolumn .regcol2 h3 { font-size:14px; font-weight:bold; color:#006666; margin:10px 10px 10px 22px; padding: 0px; border-bottom: 1px solid #CCC; padding: 0px 0px 10px 8px;}
div#leftcolumn .regcol2 p { margin:10px 10px 10px 22px; padding: 0px 0px 10px 8px;}
div#leftcolumn .formfield{ width: 155px; margin-bottom: 10px;}
div#leftcolumn .formfield2{ width: 160px; margin-bottom: 10px;}
div#messages { margin-left: 10px;}
div#messages .rowtop{ background-image:url(Images/bg_messages.gif); width: 680px; height: 30px; font-weight:bold; color:#006666; background-repeat: no-repeat; clear:both;}
div#messages .rowgrey{ width: 678px; background-color: #f1f1f2; border: 1px solid #CCC; height: 30px; margin-top: 8px; }
div#messages .rowgreyunread{ width: 678px; background-color: #f1f1f2; border: 1px solid #CCC; height: 30px; margin-top: 8px; font-weight:bold; }
div#messages .rowgreybig{ width: 678px; background-color: #f1f1f2; border: 1px solid #CCC; min-height: 160px; margin-top: 8px;}
div#messages .rowgreysmall{ width: 96px; float: right; background-color: #f1f1f2; border: 1px solid #CCC; height: 20px; margin-top: 8px; padding: 5px;}
div#messages .rowwhite{ width: 678px; border: 1px solid #CCC; height: 30px; margin-top: 8px;}
div#messages .rowwhiteunread{ width: 678px; border: 1px solid #CCC; height: 30px; margin-top: 8px; font-weight:bold;}
div#messages .rowwhitebig{ width: 678px; border: 1px solid #CCC; min-height: 160px; margin-top: 8px;}
div#messages .rowwhitesmall{ width: 56px; float: right; background-color: #fff; border: height: 20px; margin-top: 2px; padding: 15px; clear: right;}
div#messages .columnoneheader{ float: left; width: 150px; margin-right: 10px; padding: 7px; }
div#messages .columnone{ clear:both; float: left; width: 150px; margin-right: 10px; padding: 7px; height: 160px; }
div#messages .columnoneinbox{ float: left; width: 150px; margin-right: 10px; padding: 7px; }
div#messages .columntwo{ float: left; width: 280px; margin-right: 10px; padding: 7px;}
div#messages .columnthree{ float: left; width: 120px; margin-right: 10px; padding: 7px;}
div#messages .columnfour{ float: left; width: 30px; margin-right: 10px; padding: 7px;}
div#messages .columnfive{ float: left; width: 480px; margin-right: 10px; padding: 7px;}
div#messages .replymessages{ }
div#searchresults { margin-left: 10px;}
div#searchresults .paging{ float:left; margin-top: 15px; margin-bottom: 15px;}
div#searchresults .pageon { background-color:#006666; padding: 3px; color:White; text-decoration:none;}
div#searchresults .pageoff { background-color:#CCC; padding: 3px; text-decoration:none;}
div#searchresults .paginglink {text-decoration:none;}
div#searchresults .sortby{ float:right; position: relative;}
div#searchresults .currentprice{ float:right; position: relative; width: 260px; height: 75px; background-image:url(Images/panel_price.gif); margin-top: 10px; padding: 10px 10px 10px 30px}
div#searchresults .currentselectionbox{ font-weight:bold; background-color: #FFCC00; text-align:center; font-size:16px; border: solid 1px #000;}
div#searchresults .currentpricebox{ font-weight:bold; background-color: #FFCC00; text-align:left; font-size:16px; border: solid 1px #000;}
div#searchresults .ok{ margin-left: 20px;}
div#searchresults .dropdown{ width: 200px;}
div#searchresults .rowtop{ margin-top:10px;background-image:url(Images/bg_messages.gif); width: 680px; height: 30px; font-weight:bold; color:#006666; clear: both;}
div#searchresults .rowgrey{ width: 678px; background-color: #f1f1f2; border: 1px solid #CCC; height: 30px; margin-top: 2px;}
div#searchresults .rowwhite{ width: 678px; border: 1px solid #CCC; margin-top: 8px; float: left;}
div#searchresults .rowgreen{ width: 678px; border: 1px solid #CCC; margin-top: 8px; float: left; background-color:#999933;}
div#searchresults .rowpurple{ width: 678px; border: 1px solid #CCC; margin-top: 8px; float: left; background-color:#9999CC;}
div#searchresults .columnone{ float: left; width: 20px; margin-right: 5px; padding: 7px; text-align: center; }
div#searchresults .columntwo{ float: left; width: 150px; margin-right: 5px; padding: 7px; text-align: left; }
div#searchresults .columnthree{ float: left; width: 66px; margin-right: 5px; padding: 7px; text-align: center; }
div#searchresults .columnfour{ float: left; width: 40px; margin-right: 5px; padding: 7px; text-align: center; }
div#selections { }
div#selections .rowtop{ margin-top:10px;background-image:url(Images/bg_titlebar2.gif); height: 30px; font-weight:bold; color:#006666; clear: both;}
div#selections .rowtop2{ margin-top:10px; margin-left: 4px; width: 270px; padding: 10px;background-image:url(Images/bg_titlebar1.gif); height: 10px; font-weight:bold; color:#006666; clear: both;}
div#selections .left{float: left; width: 380px;}
div#selections .rowwhite{ border: 1px solid #CCC; margin-top: 8px; float: left; width: 378px;}
div#selections .rowgreen{ border: 1px solid #CCC; margin-top: 8px; float: left; width: 378px; background-color:#999933;}
div#selections .rowpurple{ border: 1px solid #CCC; margin-top: 8px; float: left; width: 378px; background-color:#9999CC;}
div#selections .rowempty{ margin-top: 2px; float: left; width: 378px; margin-bottom: 5px;}
div#selections .columnone{ float: left; width: 50px; margin-right: 5px; padding: 7px; }
div#selections .columntwo{ float: left; width: 220px; margin-right: 5px; padding: 7px;}
div#selections .columnthree{ float: left; width: 50px; margin-right: 5px; padding: 7px; text-align:center; }
div#selections .right{width: 265px; float: left; position: relative; left: 15px;}
div#selections .subjectbox{margin-top:2px;width: 265px; height: 30px; background-image:url(Images/bg_message1.gif); padding: 10px 10px 10px 20px;}
div#selections .messagebox{margin-top:2px;width: 265px; height: 310px; background-image:url(Images/bg_message1.gif); padding: 10px 10px 10px 20px;}
div#selections h3{ font-size:14px; font-weight:bold; border-bottom: 1px solid #CCC; color:#006666; }
div#selections .go{ position: relative; float: right; }
div#rightcolumnbox1{background-color:#FFF;float:right; width:210px; padding:10px;}
div#rightcolumnbox1 .boxpad{ margin-top:10px;}
div#rightcolumnbox1 a{ text-decoration: underline;}
div#rightcolumnbox1 a:hover{ text-decoration: none;}
div#rightcolumnbox1 .newsleft{ margin-top:10px; width: 130px; background-image:url(Images/bg_right.gif); background-repeat:no-repeat; float: left; }
div#rightcolumnbox1 .newsright{ margin-top:10px; width: 80px; float:right;}
div#rightcolumnbox1 p{ margin-top:30px; font-size: 11px; padding: 10px 2px 0px 5px; color: #006666;}
div#rightcolumnbox2{background-color:#FFF;float:right; width:210px; padding:10px; margin-top: 10px; height: 184px;}
div#extra{background:#FF8539; clear:both;width:100%}
div#footer{width: 940px; color: #FFF; height:47px;
background-image:url(Images/bg_footer.gif);
clear:both; padding: 8px 10px 0px 10px; position:relative; top: 10px;}
div#footer p{ float:right; text-transform:uppercase; text-align:right; font-weight:bold; line-height:18px; font-size: 10px;}
div#footer a{ text-decoration: none;}
div#footer a:hover{ text-decoration: underline;}
div#footer h1{ color:#FFFFFF; float:left; margin:0px; padding:0px; letter-spacing: -1px;}
div#footer h2{ position: relative; float: left; right: 10px; bottom: 29px;}
.footerimage { float:left; margin-top: -8px; margin-left: -10px;}
/*
body
{
margin: 0px;
font-family: Arial;
font-size: 12px;
}
#container
{
background-color: red;
background-color:white;
width:1000px;
text-align:left;
}
#container2
{
width:150px;
height:auto;
background-color:white;
margin-left:0px;
}
#Leftmenubox
{
width:150px;
height:auto;
background-color:blue;
margin-left:0px;
}
.skillsbox
{
font-family: Arial;
font-size:12px;
font-style:italic;
width:140px;
background:blue;
height:100px;
}
#footer
{
left:auto;
right:auto;
width:100%;
position:fixed;
bottom:0px;
}
#footer1
{
position:relative;
padding: 0px;
margin: 0px;
width: 100%;
height: 10px;
background-color:#999999;
}
#footer2
{
text-align:center;
width: 100%;
height: 150px;
background-color:#DEDBDB;
}
#footermenubox
{
vertical-align:top;
width:1000px;
text-align:left;
}
#footer150
{
float:left;
width:150px;
}
#footer200
{
width:200px;
}
#footermenu1
{
float:left;
width:325px;
font-family:Arial;
font-size:x-small;
text-align:left;
}
#footermenu2
{
width:325px;
font-family:Arial;
font-size:x-small;
text-align:right;
}
#Mainlayer
{
width:1000px;
height:auto;
background-color: white;
margin-left:auto;
margin-right:auto;
}
#Topmostbox
{
width: 100%;
height: 20px;
font-size: 10px;
background-color: white;
background-image:url(Images/menu_bar.gif);
vertical-align:bottom;
padding-top:20px;
}
#TopmostMenu
{
width: 680px;
padding-left:0px;
height: 15px;
margin-left:auto;
margin-right: auto;
text-align:left;
top:25px;
}
#Welcomebox
{
position: absolute;
top: 15px;
border-bottom-width:5px;
left: 1000px;
width: 200px;
height: 30px;
font-size: 10px;
font-family: Arial;
}
#Homeheader
{
position: absolute;
width: 650px;
height: 55px;
left: 150px;
margin-top:0px;
background-color: white;
background-image: url(Images/header_home.gif);
vertical-align:bottom;
}
#Contactheader
{
position: absolute;
width: 650px;
height: 55px;
left: 150px;
margin-top:0px;
background-color: white;
background-image: url(Images/header_enquiry.gif);
vertical-align:bottom;
}
#Employerheader
{
position: absolute;
width: 650px;
height: 55px;
left: 150px;
margin-top:0px;
background-color: white;
background-image: url(Images/header_needworkers.gif);
vertical-align:bottom;
}
#Homebuttons
{
position: absolute;
width: 650px;
height: 27px;
left: 0px;
margin-top:105px;
background-color: white;
}
#Employeeheader
{
position: absolute;
width: 650px;
height: 55px;
left: 150px;
margin-top:0px;
background-color: white;
background-image: url(Images/header_wanttowork.gif);
vertical-align:bottom;
}
#Headertext
{
position:absolute;
width: 650px;
left: 0px;
top:45px;
bottom:30px;
font-family:Arial;
font-size: 10px;
height: 77px;
padding:8px;
}
#Menubox
{
position:absolute;
width: 515px;
height: 122px;
left: 150px;
top:10px;
font-family:Arial;
font-size: 10px;
}
#button1
{
position:absolute;
width: 115px;
height: 26px;
top:0px;
}
#button2
{
position:absolute;
width: 115px;
height: 26px;
margin-left: 130px;
top:0px;
}
#button3
{
position:absolute;
width: 115px;
height: 26px;
margin-left: 260px;
top:0px;
}
#button4
{
position:absolute;
width: 115px;
height: 26px;
margin-left: 390px;
top:0px;
}
#Headerline
{
position:absolute;
width: 650px;
height: 3px;
margin-left:0px;
margin-top:132px;
background-color: white;
background-image: url(Images/line_horizontal.gif);
}
#Mainheader
{
position: relative;
width: 1000px;
height: 135px;
text-align: left;
}
#Logobox
{
position: relative;
width: 150px;
height: 135px;
background-color:white;
left:0px;
}
#Register
{
position: absolute;
top:100px;
left: 200px;
width: 280px;
height: 219px;
background-image: url(Images/register_panel.gif);
}
#Loginbox
{
position: relative;
width: 200px;
height: 135px;
background-image: url(Images/background_login.jpg);
}
#Smallbox
{
position:absolute;
width: 115px;
height: 26px;
}
#Smilebox
{
position: absolute;
width: 115px;
height: 132px;
left:150px;
top:0px;
margin-top:0px;
background-color: Red;
background-image: url(Images/image_smile.jpg);
}
#EmployerSmilebox
{
position: absolute;
width: 115px;
height: 132px;
left:150px;
top:0px;
margin-top:0px;
background-color: Red;
background-image: url(Images/image_work2.jpg);
}
#EmployeeSmilebox
{
position: absolute;
width: 115px;
height: 132px;
left:150px;
top:0px;
margin-top:0px;
background-color: Red;
background-image: url(Images/image_work1.jpg);
}
#QuickSearchbox
{
position: absolute;
width: 200px;
height: 135px;
top:100px;
left:200px;
background-image: url(Images/image_search_bg.jpg);
}
#RHeaderimage
{
position: absolute;
width: 200px;
height: 135px;
left: 800px;
background-image: url(Images/image_star 2 RHS.jpg);
}
#Quicksearch
{
position: relative;
width: 200px;
height: 135px;
}
#leftcol
{
position: absolute;
top: auto;
width: 150px;
height:500px;
background-color: white;
font-size: 10px;
}
#leftcol div.text
{
padding: 6px 6px 6px 6px;
text-align: justify;
}
#leftcol div.alternatetext
{
padding: 6px 6px 6px 6px;
background-color: #e1e1e1;
text-align: justify;
}
#leftcol div.sectiontitle, #leftcol .sectiontitle span
{
padding: 6px 6px 6px 3px;
background-color: #818689;
color: white;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
}
#rightcol a
{
color: blue;
}
#centercol
{
position: absolute;
margin-left: 150px;
height:auto;
padding: 0px;
width:650px;
top: auto;
background-color: white;
}
#rightcol
{
position: absolute;
margin-top: 0px;
margin-left: 800px;
width: 200px;
height:auto;
background-color: white;
}
#navigation {
margin-top:20px;
width: 150px;
font-family: Arial, Arial, Helvetica, sans-serif, ;
font-size:10px;
}
#navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
#navigation li {
border-bottom: 0px solid Gray;
}
#navigation li a
{
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 0px solid Gray;
border-right: 0px solid #711515;
background-color: #E0E0E0;
color: black;
text-decoration: none;
}
#navigation li a:hover {
background-color: #33FFCC;
color: #FFFFFF;
}
#navigation ul ul {
margin-left: 0px;
}
#navigation ul ul li
{
border-bottom: 1px solid #E0E0E0;
margin:0;
background-color: Gray;
color: #711515;
}
#navigation ul ul a:link, #navigation ul ul a:visited {
background-color: white;
color: Black;
}
#navigation ul ul a:hover {
background-color: #33FFCC;
color: #FFFFFF;
}
/* ****************** Some basic stuff ****************** */
/*
li
{
clear:both;
margin-bottom:1em;
border-bottom:1px solid #eee;
}
/* ****************** RatingStar ****************** */
/*.ratingStar
{
white-space:nowrap;
margin:1em;
height:14px;
}
.ratingStar .ratingItem {
font-size: 0pt;
width: 13px;
height: 12px;
margin: 0px;
padding: 0px;
display: block;
background-repeat: no-repeat;
cursor:pointer;
}
.ratingStar .Filled {
background-image: url(Images/rating/ratingStarFilled.png);
}
.ratingStar .Empty {
background-image: url(Images/rating/ratingStarEmpty.png);
}
.ratingStar .Saved {
background-image: url(Images/rating/ratingStarSaved.png);
}
/* ****************** Gauge ****************** */
/*.ratingGauge
{
white-space:nowrap;
font-size: 0pt;
width:122px;
height:12px;
padding:1px 0 1px 1px;
margin:1em;
background-color:transparent;
background-position:top left;
background-repeat:no-repeat;
background-image:url(Images/rating/ratingGauge.png);
}
.ratingGauge .ratingItem {
font-size:0pt;
width:20px;
height:8px;
margin:0;
padding:0;
display:block;
background-repeat: repeat-x;
cursor:e-resize;
}
.ratingGauge .Filled {
background-color:transparent;
}
.ratingGauge .Empty {
background-color:#ff0;
}
.ratingGauge .Saved {
background-color:#f00;
}
/* ****************** Thermometer ****************** */
/*.ratingThermometer
{
white-space:nowrap;
width:220px;
height:0px;
padding:26px 20px 20px 16px;
margin:1em;
background-color:transparent;
background-position:top left;
background-repeat:no-repeat;
background-image:url(Images/rating/ratingThermometer2.png);
}
.ratingThermometer .ratingItem {
font-size: 0pt;
width: 10px;
height: 8px;
margin: 0;
padding: 0;
display: block;
background-repeat: repeat-x;
cursor:e-resize;
}
.ratingThermometer .Filled {
background-image: url(Images/rating/ratingFilled.png);
}
.ratingThermometer .Empty {
background-image: url(Images/rating/ratingEmpty.png);
}
.ratingThermometer .Saved {
background-image: url(Images/rating/ratingSaved.png);
}
*/
/* background-image: url(Images/header_home.gif);
vertical-align:bottom;
}
#Contactheader
{
position: absolute;
width: 650px;
height: 55px;
left: 150px;
margin-top:0px;
background-color: white;
background-image: url(Images/header_enquiry.gif);
vertical-align:bottom;
}
#Employerheader
{
position: absolute;
width: 650px;
height: 55px;
left: 150px;
margin-top:0px;
background-color: white;
background-image: url(Images/header_needworkers.gif);
vertical-align:bottom;
}
#Homebuttons
{
position: absolute;
width: 650px;
height: 27px;
left: 0px;
margin-top:105px;
background-color: white;
}
#Employeeheader
{
position: absolute;
width: 650px;
height: 55px;
left: 150px;
margin-top:0px;
background-color: white;
background-image: url(Images/header_wanttowork.gif);
vertical-align:bottom;
}
#Headertext
{
position:absolute;
width: 650px;
left: 0px;
top:45px;
bottom:30px;
font-family:Arial;
font-size: 10px;
height: 77px;
padding:8px;
}
#Menubox
{
position:absolute;
width: 515px;
height: 122px;
left: 150px;
top:10px;
font-family:Arial;
font-size: 10px;
}
#button1
{
position:absolute;
width: 115px;
height: 26px;
top:0px;
}
#button2
{
position:absolute;
width: 115px;
height: 26px;
margin-left: 130px;
top:0px;
}
#button3
{
position:absolute;
width: 115px;
height: 26px;
margin-left: 260px;
top:0px;
}
#button4
{
position:absolute;
width: 115px;
height: 26px;
margin-left: 390px;
top:0px;
}
#Headerline
{
position:absolute;
width: 650px;
height: 3px;
margin-left:0px;
margin-top:132px;
background-color: white;
background-image: url(Images/line_horizontal.gif);
}
#Mainheader
{
position: relative;
width: 1000px;
height: 135px;
text-align: left;
}
#Logobox
{
position: relative;
width: 150px;
height: 135px;
background-color:white;
left:0px;
}
#Register
{
position: absolute;
top:100px;
left: 200px;
width: 280px;
height: 219px;
background-image: url(Images/register_panel.gif);
}
#Loginbox
{
position: relative;
width: 200px;
height: 135px;
background-image: url(Images/background_login.jpg);
}
#Smallbox
{
position:absolute;
width: 115px;
height: 26px;
}
#Smilebox
{
position: absolute;
width: 115px;
height: 132px;
left:150px;
top:0px;
margin-top:0px;
background-color: Red;
background-image: url(Images/image_smile.jpg);
}
#EmployerSmilebox
{
position: absolute;
width: 115px;
height: 132px;
left:150px;
top:0px;
margin-top:0px;
background-color: Red;
background-image: url(Images/image_work2.jpg);
}
#EmployeeSmilebox
{
position: absolute;
width: 115px;
height: 132px;
left:150px;
top:0px;
margin-top:0px;
background-color: Red;
background-image: url(Images/image_work1.jpg);
}
#QuickSearchbox
{
position: absolute;
width: 200px;
height: 135px;
top:100px;
left:200px;
background-image: url(Images/image_search_bg.jpg);
}
#RHeaderimage
{
position: absolute;
width: 200px;
height: 135px;
left: 800px;
background-image: url(Images/image_star 2 RHS.jpg);
}
#Quicksearch
{
position: relative;
width: 200px;
height: 135px;
}
#leftcol
{
position: absolute;
top: auto;
width: 150px;
height:500px;
background-color: white;
font-size: 10px;
}
#leftcol div.text
{
padding: 6px 6px 6px 6px;
text-align: justify;
}
#leftcol div.alternatetext
{
padding: 6px 6px 6px 6px;
background-color: #e1e1e1;
text-align: justify;
}
#leftcol div.sectiontitle, #leftcol .sectiontitle span
{
padding: 6px 6px 6px 3px;
background-color: #818689;
color: white;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
}
#rightcol a
{
color: blue;
}
#centercol
{
position: absolute;
margin-left: 150px;
height:auto;
padding: 0px;
width:650px;
top: auto;
background-color: white;
}
#rightcol
{
position: absolute;
margin-top: 0px;
margin-left: 800px;
width: 200px;
height:auto;
background-color: white;
}
#navigation {
margin-top:20px;
width: 150px;
font-family: Arial, Arial, Helvetica, sans-serif, ;
font-size:10px;
}
#navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
#navigation li {
border-bottom: 0px solid Gray;
}
#navigation li a
{
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 0px solid Gray;
border-right: 0px solid #711515;
background-color: #E0E0E0;
color: black;
text-decoration: none;
}
#navigation li a:hover {
background-color: #33FFCC;
color: #FFFFFF;
}
#navigation ul ul {
margin-left: 0px;
}
#navigation ul ul li
{
border-bottom: 1px solid #E0E0E0;
margin:0;
background-color: Gray;
color: #711515;
}
#navigation ul ul a:link, #navigation ul ul a:visited {
background-color: white;
color: Black;
}
#navigation ul ul a:hover {
background-color: #33FFCC;
color: #FFFFFF;
}
/* ****************** Some basic stuff ****************** */
/*
li
{
clear:both;
margin-bottom:1em;
border-bottom:1px solid #eee;
}
/* ****************** RatingStar ****************** */
/*.ratingStar
{
white-space:nowrap;
margin:1em;
height:14px;
}
.ratingStar .ratingItem {
font-size: 0pt;
width: 13px;
height: 12px;
margin: 0px;
padding: 0px;
display: block;
background-repeat: no-repeat;
cursor:pointer;
}
.ratingStar .Filled {
background-image: url(Images/rating/ratingStarFilled.png);
}
.ratingStar .Empty {
background-image: url(Images/rating/ratingStarEmpty.png);
}
.ratingStar .Saved {
background-image: url(Images/rating/ratingStarSaved.png);
}
/* ****************** Gauge ****************** */
/*.ratingGauge
{
white-space:nowrap;
font-size: 0pt;
width:122px;
height:12px;
padding:1px 0 1px 1px;
margin:1em;
background-color:transparent;
background-position:top left;
background-repeat:no-repeat;
background-image:url(Images/rating/ratingGauge.png);
}
.ratingGauge .ratingItem {
font-size:0pt;
width:20px;
height:8px;
margin:0;
padding:0;
display:block;
background-repeat: repeat-x;
cursor:e-resize;
}
.ratingGauge .Filled {
background-color:transparent;
}
.ratingGauge .Empty {
background-color:#ff0;
}
.ratingGauge .Saved {
background-color:#f00;
}
/* ****************** Thermometer ****************** */
/*.ratingThermometer
{
white-space:nowrap;
width:220px;
height:0px;
padding:26px 20px 20px 16px;
margin:1em;
background-color:transparent;
background-position:top left;
background-repeat:no-repeat;
background-image:url(Images/rating/ratingThermometer2.png);
}
.ratingThermometer .ratingItem {
font-size: 0pt;
width: 10px;
height: 8px;
margin: 0;
padding: 0;
display: block;
background-repeat: repeat-x;
cursor:e-resize;
}
.ratingThermometer .Filled {
background-image: url(Images/rating/ratingFilled.png);
}
.ratingThermometer .Empty {
background-image: url(Images/rating/ratingEmpty.png);
}
.ratingThermometer .Saved {
background-image: url(Images/rating/ratingSaved.png);
}
*/