/* classes */

.float-left  { float: left; }
.float-right { float: right; }

.clear { clear: both; }
.bold { font-weight: bold; color: #323232; }   
.no-border { border: none; }
.hidden { display: none; }

.text-right  { text-align: right; }
.text-center { text-align: center; }

.margin-top-5 { margin-top: 50px; }
.margin-top-4 { margin-top: 40px; }
.margin-top-2 { margin-top: 20px; }
.margin-1 { margin: 10px; }
.margin-top-bottom-1 { margin: 10px 0; }
.margin-bottom-5 { margin-bottom: 5px; }

.padding-top-0 { padding-top: 0; }
.padding-top-1 { padding-top: 10px; }
.padding-top-bottom-1 { padding: 10px 0; }

.size-11 { font-size: 11px; }
.size-12 { font-size: 12px; }


.group-0 a { background: url('../../images/group-0.png') no-repeat right 0; }
.group-1 a { background: url('../../images/group-1.png') no-repeat right 0; }
.group-2 a { background: url('../../images/group-2.png') no-repeat right 0; }
.group-3 a { background: url('../../images/group-3.png') no-repeat right 0; }
.group-4 a { background: url('../../images/group-4.png') no-repeat right 0; }
.group-5 a { background: url('../../images/group-5.png') no-repeat right 0; }
.group-6 a { background: url('../../images/group-6.png') no-repeat right 0; }

span.group-1 { background: #f3d8a9 !important; }
span.group-2 { background: #ceb78e !important; }
span.group-3 { background: #e9b494 !important; }
span.group-4 { background: #b6bd8a !important; }
span.group-5 { background: #f0d3cf !important; }
span.group-6 { background: #88afac !important; }

/* grid */

.col-side {
    float: left;
    width: 245px;
}

.col-main {
    float: right;
    width: 71%;
}

.col-main .col-side {
    width: auto;
}

.col-main .col-main {        
    width: 68%;
    padding-top: 0px;
}

.col-1-2 {
    float: left;
    width: 48%;
    margin-right: 3%;
}

.col-1-3 {
    float: left;
    width: 32%;
    margin-right: 2%;
}

.col-2-3 {
    float: left;
    width: 66%;
    margin-right: 2%;
}

.col-1-4 {
    float: left;
    width: 24%;
    margin-right: 1%;
}

div[class|=col].last {
    margin-right: 0;
}

.flash {
    height: 40px;
    line-height: 40px;
    padding-left: 40px;
}

.error {
    color: #D8000C;        
    background: #FFBABA url('../../images/icon-error.png') no-repeat 5px 5px;
    border: 1px solid red; 
}

.info {
    color: #00529B;        
    background: #C6DBFF url('../../images/icon-info.png') no-repeat 5px 5px;
    border: 1px solid #009DFF;
}

.success {
    color: #4F8A10;      
    background: #DFF2BF url('../../images/icon-success.png') no-repeat 5px 5px;
    border: 1px solid #00b000; 
}

.warning {
    color: #9F6000;      
    background: #FEEFB3 url('../../images/icon-warning.png') no-repeat 5px 5px;
    border: 1px solid #ffdd00;
}

/* news */    

.news-top {
    width: 207px;
    height: 30px;  
    padding: 10px 15px;  
    background: url('../../images/news-top.png') no-repeat 0 0; 
    font-size: 11px; 
}

.news-bottom {  
    width: 245px;        
    margin-bottom: 20px;
    padding-bottom: 15px;
    background: url('../../images/news-bottom.png') no-repeat left bottom; 
    font-size: 11px;  
}

.news-bottom div {
    width: 207px;
    padding: 0 15px;  
    background: rgb(245, 245, 245);  
}

.news-bottom h4 {      
    margin: 0;
    padding: 15px 0 5px;
    border: none;
}

.news-top p, .news-bottom p {  
    margin: 0;    
}

h3.news-heading {
    width: 207px;
    padding: 0 0 5px 15px;    
    margin-left: 15px;
}

.map-link {
    margin-left: 50px;
}

.map-link ul {
    margin: 0;
}

.map-link ul ul {
    margin-left: 30px;
}

div.competitor {
    width: 200px;
    margin-right: 32px;
    border: 1px solid #e2e2e2;
    margin-bottom: 20px;
}

div.competitor:hover {
    border: 1px solid #878787;
}

div.competitor a.competitor-img {    
    display: block;
    height: 150px;
    margin-bottom: 10px;
    text-align: center;
}

div.competitor span {    
    display: block;
    padding: 10px;
}

div.competitor span {
    color: #29AA60;
    font-size: 15px;
    text-decoration: none;
}

div.competitor a:hover span {    
    text-decoration: underline;
}

div.competitor a span.go-to-vote {
    text-align: center;
    border-top:  1px solid #e2e2e2;
     color: #5f6460;
    font-size: 13px;
    font-weight: bold;
}

div.competitor a:hover span.go-to-vote  {
    color: #FF7700;
    text-decoration: none;
}

a.icon-twitter, a.icon-facebook {
    display: block;    
    width: 200px;
    height: 71px;
    margin-bottom: 20px;    
    background: url('../../images/icon-share.png') no-repeat 0 0;
    border: 1px solid #e2e2e2;
}

a.icon-twitter {
    background-position: 0 -79px;
}

a.button-facebook, a.button-twitter, a.button-verify {
    display: block;
    width: 204px;
    margin-top: 15px;
    height: 80px;
    background: url('../../images/buttons.png') no-repeat 0 -80px;
}

a.button-twitter {
    background-position: 0 -160px;
}

a.button-verify {
    background: url('../../images/button-verify.png') no-repeat 0 0;
}

.text-rank-small {
    display: block;
    color: #b2b2b2;
    font-size: 15px;
}

.text-rank-big {
    display: block;
    font-size: 22px;
    font-weight: bold;
    margin-top: 15px;
}

span.star {
    display: inline-block;
    height: 20px;    
    background: url('../../images/stars.png') repeat-x 0 0;
    margin-left: 15px;
    position: relative;
    top: 3px;
}

div.arrow {
    height: 74px;
    background: url('../../images/arrow.png') no-repeat 0 0;
}

div.bg-buttons {
    min-height: 125px;
    margin-top: 30px;
    background: url('../../images/bg-position.png') repeat-x 0 70%;
}

div.bg-position {
    margin: 30px 0 15px;    
    padding-bottom: 15px;
    background: url('../../images/bg-position.png') repeat-x 0 bottom;
}

a.confirm-registration {
    display: inline-block;
    padding: 8px;
    text-decoration: none;
    border: 1px solid rgb(200, 200, 200);
}