/************END RESET**********/

body{
	background: url('../images/background.jpg') #dd5800 center center no-repeat;
	background-attachment:fixed;
	font-family: Veranda, Arial, Myriad Pro ;
	font-weight: lighter;
	font-size:12px;
	line-height: 17px;
        
        #container{
            width: 960px;
            margin: 15px auto 100px auto;
            
            #header{
                img{
                    width:310px;
                    height:101px;
                    float:left;
                    margin-bottom:4px;
                }/*end:img*/    
                
                ul{
                    position:absolute;
                    right:0;
                    bottom:0;
                    display:block;
                    li{
                        .display-inline(middle);
                        color:#3d3d3d;
                        font-size:13px;
                        font-weight:bold;
                        img{
                            width:auto;
                            height:auto;
                            float:none;
                        }
                    }
                }/*end:ul*/
            }/*end:header*/
        }/*end:#container*/
        
    #footer{
        height: 65px;
	line-height: 65px;
	padding:0px 15px;
	background: url(../images/footer_bg.png) repeat-x;
	margin-top: 10px;
	position: relative;
	top: 4px;
        
        ul{
            width:auto;
            &.right{
                position:relative;
                top:10px;
                
                li{
                    padding:0 4px;
                    &:first-child{
                        position:relative;
                        top:-12px;
                        color:#dc5800;
                    }
                }
            }
            li{
                .display-inline();
                padding: 0px 15px;
            }
        }/*end:ul*/
        
        a:link, a:visited, a:active{
            color: #9c9c9c;
            text-decoration: none;
            font-size: 14px;
        }
        a:hover{
            color:#666;
        }
        
    }/*end:footer*/
    
    #super-footer{
        text-align:left;
        color:#773000;
        font-size:10px;
        height:45px;
        line-height:45px;
        ul{
            float:right;
            width:auto;
            li{
                .display-inline();
                margin-right:10px;
                a{
                    color:#773000;
                    text-decoration:underline;
                }
            }
        }/*end:ul*/
    }/*end:super-footer*/
}/*end:body*/




#footer a:link, #footer a:active,  #footer a:visited
{
	color: #9c9c9c;
	text-decoration: none;
	font-size: 14px;	
}


/****************MIXINS***************/
.box-shadow(@x:3px, @y:3px, @blur:5px, @spread:0, @color:rgba(0,0,0,0.5)) {
	-webkit-box-shadow:@x @y @blur @spread @color;
	-moz-box-shadow:@x @y @blur @spread @color;
	box-shadow:@x @y @blur @spread @color;
}
.display-inline( @align: top ){
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: @align;
}
.gradient (@color1:#aaa , @color2:#fff) {
    background-color: @color1;
    background-image: -moz-linear-gradient(top, @color1, @color2); 
    background-image: -ms-linear-gradient(top, @color1, @color2); 
    background-image: -o-linear-gradient(top, @color1, @color2); 
    background-image: -webkit-gradient(linear, left top, left bottom, from(@color1), to(@color2)); 
    background-image: -webkit-linear-gradient(top, @color1, @color2); 
    background-image: linear-gradient(top, @color1, @color2);

}



/***************ASSETS****************/
#modal-overlay {
	background-color:#000;
}
#modal-container{
	background-color:#fff;


	h1{
		span{
			font-size: 16px;
		}
	}
    .horzBlue{
        img + span{
            position:relative;
            top:-7px;
            left:8px;
        }

    }
	.modal-wrap{
		overflow: hidden;
	}

	.horzBlue{
		display: block;
		width: auto;
		color: #fff;
	}
	
	.inner{
		width: 80%;
	}
	p.modal-close {
		background:url(../images/x.png) no-repeat; /* adjust url as required */
		width:25px;
		height:29px;
		display:inline;
		z-index:3200;
		position:absolute;
		top:-15px;
		right:-18px;
		cursor:pointer;
	}
    .slider{
		border: 1px solid #CCCCCC;
		border-radius: 4px 4px 4px 4px;
		height: 0.8em;
    }
    .rule{
		color: #FF990A;
		cursor: default;
		float: right;
		font-size: 20px;
		margin-left: 10px;
    }
    .modal-content-wrap{
    	padding: 10px 20px;
    }
}


/**************UNIVERSAL*************/
strong{
	font-weight:bold;	
}

 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
h1{
    color:#13547d;
    font-size:24px;
    font-weight:regular;
    margin-bottom:8px;
    display:block;
    line-height:24px;
}
.results-table{
    font-size:12px;
    caption{
        font-size:18px;
        line-height:18px;
        color:#13547d;
        .gradient(#f5fafc, #deedf7);
        padding:15px 0 15px 8px;
        border-width:1px 1px 0 1px;
        border-color:#e0e8ed;
        border-style:solid;
        text-align:left;
    }
    thead{
        tr{
            th{
                background-color:#437c9f;
                color:#fff;
                font-size:14px;
                text-align:left;
                padding:8px;
            }
        }
    }/*end:thead*/
    tr{
        td{
            border:1px solid #dfe7ec;
        }
    }
}