/*Useful utility style - by their reusable nature, should only be classes*/

.hidden {
    display:none;
}

.texthidden {
    text-indent:-9999px;
}


.newline {
    clear:left !important;
}

.clear {
    clear:both;
}

.noclear {
    clear:none !important;
}


.right {
    float:right !important;
}

.left {
    float:left;
}


.red {
    color:#FF0000 !important;
}

.orange {
    color:#FF6600 !important;
}

.green {
    color:#339933 !important;
}

.highlight {
    font-weight:bold;
}

#busy {
    float:left;
    clear:both;
    margin: 1em 0 0 13em;
    width:470px;

}

#busy img{
    float:left;
    clear:none !important;
}

#busy p{
    float:left;
    clear:none !important;
    width:5em;
    margin:9px 0 0 10px;
    font-size:1.4em;
    color:#6a6a6a;
}

/* action flashes*/
.actionflash p{
    float:left;
    width:100%;
    
    text-align:center;
    font-weight:bold;
    padding:0.5em 0;   
    color:white;
    background: #b3b3b3 url(../img/button_bg_grad_grey.gif) repeat-x scroll left top !important
}

.stickers.actionflash p {
    width:657px !important;
}

.actionflash ul{
    float:left;
    width:656px !important;
    text-align:center;
    font-weight:bold;
    padding:0.5em 0;   
    color:black;
    border: 2px solid #b3b3b3;
}

.actionflash li{
    list-style-image:none;
    list-style-type:none;-
}


/*.actionflash {
    float:left;
    background:#FF6600 url(../img/button_bg_grad_orange.gif) repeat-x scroll left top !important;
    width:100%;
    text-align:center;
    padding:0.5em 0;
    color:white !important;
    font-weight:bold;
)

.actionflashHigh {
    float:left;
    background:#ffff99 url(../img/button_bg_grad_yellow.gif) repeat-x scroll left top !important;
    width:100%;
    text-align:center;
    padding:0.5em 0;
    color:white !important;
    font-weight:bold;
)*/


/*.actionflash p {
    padding:0.5em 0;
)*/

/* info flash - shown after first join*/

#infoflash {
    border:2px solid white;
    float:left;
    font-size:1.5em;
    width:497px;
    margin:0;
    margin-bottom: 1em;
}

#infoflash h2{
    color:black;
    float:left;
    font-size:0.8em;
    font-weight:bold;
    padding:0 !important;
    margin:0 0 0.5em 0;
    clear:both;
    width:440px;
}

#infoflash h4{
    color:black !important;
    font-size:0.75em;
    font-weight:normal;
    margin:0;
    padding: 0.5em;
}

#infoflash h4 a{
    color:black !important;
    text-decoration:none !important;
}


#infoflash .ibox {
    margin-top:0.5em;
    text-align:left;
    width:113px;
    margin-right:0.5em;
    background:#e7f3db;
    float:left;
    text-align:center;
}


#infoflash span{
    float:left;
}

#infoflash a{
    text-decoration:underline;
}

#infoflash img{
    float:left;
}




/* counter */

h2.counter span{
    text-indent:-9999px;
}

.counter-0{
    background: white url("../img/counter/0.gif") no-repeat;
    width:17px;/*purposely too small*/
    height:29px;
    float:left;
}
.counter-1{
    background: white url("../img/counter/1.gif") no-repeat;
    width:17px;/*purposely too small*/
    height:29px;
    float:left;
}
.counter-2{
    background: white url("../img/counter/2.gif") no-repeat;
    width:17px;/*purposely too small*/
    height:29px;
    float:left;
}
.counter-3{
    background: white url("../img/counter/3.gif") no-repeat;
    width:17px;/*purposely too small*/
    height:29px;
    float:left;
}
.counter-4{
    background: white url("../img/counter/4.gif") no-repeat;
    width:17px;/*purposely too small*/
    height:29px;
    float:left;  
}
.counter-5{
    background: white url("../img/counter/5.gif") no-repeat;
    width:17px;/*purposely too small*/
    height:29px;
    float:left;
}
.counter-6{
    background: white url("../img/counter/6.gif") no-repeat;
    width:17px;/*purposely too small*/
    height:29px;
    float:left;
}
.counter-7{
    background: white url("../img/counter/7.gif") no-repeat;
    width:17px;/*purposely too small*/
    height:29px;
    float:left; 
}
.counter-8{
    background: white url("../img/counter/8.gif") no-repeat;
    width:17px;/*purposely too small*/
    height:29px;
    float:left;
}
.counter-9{
    background: white url("../img/counter/9.gif") no-repeat;
    width:17px;/*purposely too small*/
    height:29px;
    float:left;
}


/* Static pages */

/* Address */

#contactus dl{
    float:left;
    clear:both;
}

#contactus dt{
    float:left;
    clear:both;
    padding-top:0.5em;
    font-weight:bold;
}

#contactus dd{
    float:left;
    clear:both;
    padding-left:0.5em;
}


.vcard div {
/*    clear:both;*/

}

.vcard div span{
/*    float:left;
    clear:both;
    padding-left:1em;*/
}

.adr {
    float:left;
    padding-bottom:1em;
}

address span {
    clear:both;
    float:left;
}

.bg-grey {
    background:#ccc;
    padding:1em;
}