@charset "utf-8";
/*
standard styles
*/

#wrapper{width:1200px;margin:0px auto;padding:80px 0px 0px 0px}

.revealContainer .revealObject{display:none}
.revealContainer:hover .revealObject{display:block}
.columns{position:absolute;min-height:200px;z-index:0;padding-bottom:30px}
td,th{vertical-align:middle}

/*
selected style
*/
@font-face{font-family:rockwell;src:url(/skin/ROCK.TTF)}
body{font-family:rockwell,verdana,helvtica,sans-serif;font-size:14px;background-color:#ffffff;background-image:url(/background-thinright-dddddd.gif)}
a,.textLink{cursor:pointer;text-decoration:none;color:#535353}
a:hover,.textLink:hover{color:#4caec7}
textarea{font-family: Arial, Helvetica, sans-serif;font-size: 14px;padding:0px;margin:0px;}
textarea,input[type=text],input[type=password]{outline:none;resize:none;padding:4px;font-family:Arial, Helvetica, sans-serif}
label{cursor:pointer}



td{vertical-align:top;text-align:left}
th{text-align:right;font-weight:normal}
.b1,.b2,.b3,.b4,.bb1,.bb2,.bb3,.bb4,.tb1,.tb2,.tb3,.tb4{font-size:1px;overflow:hidden;display:block;}
.b1,.bb1,.tb1{height:1px;margin:0 5px;}
.b2,.bb2,.tb2{height:1px;margin:0 3px;}
.b3,.bb3,.tb3{height:1px;margin:0 2px;}
.b4,.bb4,.tb4{height:2px;margin:0 1px;}
.bl1{height:1px;margin:0 5px 0 0;}
.bl2{height:1px;margin:0 3px 0 0;}
.bl3{height:1px;margin:0 2px 0 0;}
.bl4{height:2px;margin:0 1px 0 0;}


#conversationOutput .blockHeader{background:url(/gradient9e9e9ed222222h55.gif)}
.blockHeader input{font-size:14px;border:1px dashed #dcdcdc;background-color:#9e9e9e;color:#dcdcdc}
.statusItems a,.blockContent a,.blockLink,#statuses a,.selectable{color:#535353;cursor:pointer}
.statusItems a:hover,.blockContent a:hover,.blockLink:hover,#statuses a:hover,.selectable:hover{color:#4caec7}
.links{color:#535353;border:1px solid #eeeeee;background-color:#eeeeee}
.links:hover{color:#4caec7;border:1px solid #616161}
.links img{border:1px solid #616161}
#blackBox{background-color:#ffffff;}
.buttonDiv{border:1px solid #616161;background:url(gradient9e9e9ed222222h24.gif) #9e9e9e;height:24px;line-height:24px;color:#dcdcdc;text-align:center;clear:both;cursor:pointer;margin:2px}
.buttonDiv:hover{background:url(gradientup9e9e9ed222222h24.gif);color:#33CCFF}
#progress{background-color:#616161}
.blockContent{padding:2px 4px;overflow-x:hidden}
.blockContent,.blockHeader{border-left:1px solid #616161;border-right:1px solid #616161}
.blockHeader{font-size:14px;padding:0px 10px 5px 10px;background:url(/gradient9e9e9ed333333h25.gif) repeat-x #9e9e9e;cursor:pointer;color:#dcdcdc}
.blockHeader .revealObject{display:none}
.blockHeader:hover .revealObject{display:block}
.dropdownitems{background:#eeeeee;max-height:200px;overflow:auto;border:1px solid #616161}
.dropdownitems span{cursor:pointer;display:block;padding:2px;font-size:10px}
.dropdownitems span:hover{background:#9e9e9e;color:#dcdcdc}
.goto{background-image:url(/colourize-goto-535353.gif);cursor:pointer;background-repeat:no-repeat;width:11px;height:11px;display:inline-block;margin:0px;padding:0px}
nobr{float:right;margin:0px 0px 0px 10px}
.expand{cursor:pointer}
.expand,.msg{border-top:1px dotted #616161;padding:1px;margin:1px;font-size:12px;background:url(/gradientupeeeeeed222222h50.gif) repeat-x #eeeeee;min-height:30px}
.friendBlockHeader{text-align:right;font-size:12px}
.friendBlockHeader img{margin:1px}
#addURL{background:url(/skin/http.png);background-color:none;width:232px;height:27px;line-height:27px;padding:0px 35px;color:#003366;border:none}
#lefttab{position:fixed;left:0px}
.tabUpdate{border:1px solid #616161;background:#eeeeee;color:#616161;min-height:60px}
#statusUpdatable{clear:both}
#myStatus{padding:2px;font-weight:bold}
#statusUpdatable .statWindow,#messageDiv,.conv{max-height:400px;overflow-x:hidden;overflow-y:auto;padding-right:0px;width:300px}
.tabopen,.tabclose{cursor:pointer;background:#9e9e9e;width:25px;height:21px;border:1px solid #9e9e9e;padding:3px;position:relative;color:#dcdcdc}
.tabopen:hover,.tabclose:hover{background-color:#dcdcdc;color:#9e9e9e}
.cantick,.isticked{background:no-repeat right;height:20px;cursor:pointer;margin:1px}
.cantick:hover,.isticked:hover{color:#4caec7}
.cantick{background-image:url(/skin/unticked.png)}
.isticked{background-image:url(/skin/ticked.png)}
.unread{border:1px solid #33CCFF;padding:1px}

#unreadMsg div{width:27px;height:30px;line-height:30px;background:url(/skin/unread.png);position:absolute;left:24px;top:14px;font-size:11px;padding:0px 4px 0px 9px;text-align:center}
.readmsg{border:1px solid #eeeeee repeat-x;padding:2px}
.msg,.unread{background:url(/gradientupeeeeeed222222h50.gif) repeat-x;padding:2px;font-size:11px}
.msg .revealObject{display:none}
.msg:hover .revealObject{display:block}
.msg li,.unread li{list-style:none;display:block;clear:both;height:2px}
#newStatus,#messageInput,textarea{height:100px;background:url(/gradientupeeeeeel222222h32.gif) repeat-x #eeeeee;color:#616161;display:block;width:300px;border:1px solid #616161;clear:both}
.friendDiv{color:#616161;margin:2px;padding:3px}
.friendDiv a{color:#535353}
.friendDiv:hover a{color:#dcdcdc}
.friendDiv:hover a:hover{color:#ffffff}
.friendDiv b{font-size:14px}
.friendDiv span{float:right}
.friendDiv .av{float:right;padding:3px;background:#9e9e9e}
.friendDiv:hover{text-decoration:none;background:#9e9e9e;color:#dcdcdc;}
div.friend,div.friendreceived,div.friendrequested{clear:both;padding:2px 0px 2px 20px;background:0px 4px no-repeat}
div.friend{background-image:url(/skin/friend.png)}
div.friendreceived{background-image:url(/skin/friendreceived.png)}
div.friendrequested{background-image:url(/skin/friendrequested.png)}
.selectable,.selected{padding:1px 4px;margin:1px;cursor:pointer}
.dotblock{border:1px dotted #616161;margin:3px 0px;padding:5px}
.dotblock img{margin:2px auto}
#flashSelector{background:url(/gradientupeeeeeed111111h25.gif) repeat-x;cursor:default,border-top:1px dashed #616161;padding-top:5px;text-align:center}
#flashSelector span{cursor:pointer;color:#535353;margin:10px;white-space:nowrap}
#flashSelector span:hover{cursor:pointer;color:#4caec7}
#flashSelector b{cursor:default;color:#4caec7;margin:10px;white-space:nowrap}


.calempty{cursor:pointer;border:1px solid #9e9e9e;background:#eeeeee}
.calbusy{border:1px solid #9e9e9e;background:#9e9e9e;color:#eeeeee;cursor:pointer}
.caltoday{border:1px solid #9e9e9e;background:#535353;color:#eeeeee;cursor:pointer}
.calempty:hover,.calbusy:hover,.caltoday:hover{border:1px solid #33CCFF}
.dayBorder{background:url(/gradienteeeeeed222222h30.gif) repeat-x #eeeeee}
.leftLink{cursor:pointer;background:url(/colourize-left-535353.gif) no-repeat center center;min-width:6px;min-height:11px}
.rightLink{cursor:pointer;background:url(/colourize-goto-535353.gif) no-repeat center center;min-width:6px;min-height:11px}
#minical{color:#616161;font-size:12px}
#minical td{width:20px;border:1px solid #eeeeee;text-align:center}
#minical .seldate{color:#535353;cursor:pointer}
#minical .seldate:hover{color:#4caec7;border:1px solid #616161}
label{cursor:pointer;display:block}
#calendar{width:100%}
#calendar td{text-align:center;width:14%}
#daySummary{position:absolute;}
.dayBorder{height:26px;padding:2px;font-size:12px}
.calBlock{cursor:pointer;font-size:10px}
.calBlock .blockContent{padding:0px 5px 0px 5px;overflow:hidden}
.calBlock:hover .calmemo{display:block}
.calmemo{display:none;position:absolute;font-size:14px}
.calwhen{text-align:center}
.calwhen #caldrop{display:none;position:absolute}
.calwhen:hover #caldrop{display:block}
.neweventbutton{background:url(/skin/newevent.gif);width:70px;height:20px;float:left;cursor:pointer}
.neweventbutton img{display:none}
.neweventbutton:hover img{display:block}
.miniButton{font-size:10px;float:left;margin:2px;padding:0px 2px;border:1px solid #535353;color:#535353;cursor:pointer}
.miniButton:hover{border:1px solid #4caec7;color:#4caec7}
.dayEvents{border-top:1px dashed #616161;padding:2px 0px;margin-top:10px}
.calflip{background:no-repeat;width:30px;height:30px;padding:0px;margin:0px;border:none}
.selectedobject{border:1px dotted #616161;padding:2px;margin:2px}
.headerclose{background:url(/colourize-close-dcdcdc.gif);width:16px;height:16px;cursor:pointer}
.blockclose{background:url(/colourize-close-535353.gif);width:16px;height:16px;cursor:pointer}
#friendHeaderOffline div,#friendHeaderOnline div{white-space:nowrap}

#dropper{border:1px dashed #616161;background-color:#eeeeee}
h2{font-size:14px}
.linkContent{min-height:25px}
.links{margin-top:10px;padding:2px;overflow:hidden}
.links abbr{font-size:10px}
.links img{margin:3px}
.links h2{font-weight:bold;font-size:16px;margin:0px}
.links h3{font-weight:bold;font-size:13px;margin:0px;margin-left:35px}
.links div{font-size:10px;min-height:106px;overflow:hidden}
/*
ident styles
*/


#topBar{position:fixed;top:0px;width:100%;left:0px;background:url(/skin/ident/headerback.gif) repeat-x;height:81px}
#logo{background:url(/skin/ident/logo.gif) no-repeat;width:286px;height:80px;margin:4px 0px 0px 10px}
#footer{position:fixed;bottom:0px;width:100%;left:0px;background:url(/skin/ident/footer.gif) repeat-x;height:25px;line-height:25px;font-size:12px;color:#e5e5e5;text-align:center}
.popup{text-align:left;}
.headerWidget{background:url(/skin/ident/widget.gif) repeat-x;border:1px solid #373737;float:right;margin:1px;padding:0px;min-height:70px;color:#000}
#headerWidgets{position:absolute;right:2px;top:2px}
#headerWidgets .toggle,#topBar .a,#topBar .textLink{color:#fff;cursor:pointer}
#headerWidgets .toggle:hover,#topBar .a:hover,#topBar .textLink:hover{color:#FF9900}
#headerWidgets .revealContainer .headerBlockContent,.headerBlockContent .headerBlockContent{background:#828282;border:1px solid #373737}
#regdiv{position:absolute;left:300px;top:40px}
#regdiv .textLink{text-align:left}
#logindiv{position:absolute;left:300px;top:0px}
#logindiv .textLink{text-align:left}
#topBar b{display:block;font-size:14px;padding:0px 0px 0px 10px}
#topBar input[type=text],#topBar input[type=password]{background:url(/skin/input.gif);width:114px;height:20px;border:none;outline:none;line-height:20px;padding:0px 3px}
#topBar input[type=text]:focus,#topBar input[type=password]:focus{background:url(/skin/inputactive.gif)}
#topBar .buttonDiv{background:url(/templates/landing/button.png);width:200px;height:24px;cursor:pointer;color:#000;font-weight:bold;margin:3px auto;text-align:center;line-height:24px;border:none}
#topBar .buttonDiv:hover{color:#d6a215}
.tl,.tr,.bl,.br{background:url(/skin/grcorners.png);width:14px;height:14px}
.tr{background-position:14px 0px}
.bl{background-position:0px 14px}
.br{background-position:14px 14px}
.l{background:url(/skin/grl.png) repeat-y}
.r{background:url(/skin/grr.png) repeat-y}
.t{background:url(/skin/grt.png) repeat-x}
.b{background:url(/skin/grb.png) repeat-x}
.boxcontent{background:#575757;color:#fff}



#menus{left:70px;top:55px;position:absolute;cursor:default}
#menus li,#tabs li{float:left;padding:1px 4px;margin:1px;font-weight:bold;list-style:none}
#menus a li,#menus span li{font-weight:normal;color:#e5e5e5}
#menus a:hover li,#menus span:hover li{color:#FF9900}
#menus .revealObject,.popup{background:#535353;text-align:left}
#menus .revealObject div{font-weight:bold;color:#e5e5e5;margin:3px}
#menus .revealObject a div,#menus .revealObject span{display:block;white-space:nowrap;color:#e5e5e5;cursor:pointer;margin:3px;font-weight:normal}
#menus .revealObject a:hover div,#menus .revealObject span:hover{color:#a2e42e}

#topbar a,#footer a,#topbar,#topbar .textLink{color:#e5e5e5;text-decoration:none}
#topbar a:hover,#footer a:hover,#topbar .textLink:hover{color:#FF9900}
.blocksettings{border-bottom:1px dashed #616161;padding-bottom:2px;margin-bottom:3px;min-height:16px}
.blockoptions{border-top:1px dotted #616161;padding:4px;margin:4px}
.blockoptions input,.blockoptions select{margin-left:20px}


#dragHint{position:relative;right:350px;top:-80px;display:none}
#musterthislink:hover #dragHint{display:block}
.draggingitem{position:fixed;margin:2px;z-index:6}

.shops{width:150px;margin:4px;padding:4px;height:150px;overflow:hidden;float:left;background:url(/gradienteeeeeed111111h160.gif);text-align:center;position:relative}
.shops img{display:block;margin:10px auto 10px auto}
#themall{margin-top:10px}
#dropMessage{width:100%;position:fixed;left:0px;top:0px;border-bottom:3px solid #000000;background-color:#FFFFCC;color:#990000;font-size:24px;font-weight:bold;text-align:center;cursor:default;display:none}
#blockTabs{margin:0px 4px 0px 4px;padding:0px;position:absolute}
#blockTabs li{display:inline;border:1px solid #616161;border-bottom:1px solid #eeeeee;background-color:#eeeeee;padding:4px;margin:0px 4px 0px 4px;cursor:pointer;color:#616161}
#blockTabs li:hover{color:#dcdcdc;background-color:#9e9e9e}
.star,.staroff{position:absolute;right:0px}
.star,.staroff{cursor:pointer;width:24px;height:24px}
.star,.staroff:hover{background-image:url(/skin/staron.png)}
.staroff,.star:hover{background-image:url(/skin/staroff.png)}
#themall a{text-decoration:none}
#tabs li{float:left;cursor:pointer;color:#535353}
#tabs li:hover{float:left;cursor:pointer;color:#4caec7}

.normalinput{font-size:14px}
.failedinput{font-size:14px}

#shortlist{border:1px solid #616161;padding:2px;background:#eeeeee;color:#616161;z-index:4}
#shortlist .item,#shortlist .highlight{cursor:pointer;padding:1px;white-space:nowrap}
#shortlist .highlight{border:none;background:#616161;color:#eeeeee}
#shortlist .item{border:none;background:#eeeeee;color:#616161}
.b1,.b2,.b3,.b4,.bl1,.bl2,.bl3,.bl4{background:#9e9e9e;color:#dcdcdc}
.blockContent,.bb2,.bb3,.bb4{background:#eeeeee;color:#616161}
.b1,.bb1{border-left:1px solid #616161;border-right:1px solid #616161;background:#616161}
.b2,.bb2{border-left:2px solid #616161;border-right:2px solid #616161;}
.b3,.bb3{border-left:1px solid #616161;border-right:1px solid #616161;}
.b4,.bb4{border-left:1px solid #616161;border-right:1px solid #616161;}