/* 
    Document   : 01.main
    Created on : 11 Jul 2013, 7:12:57 PM
    Author     : salman
    Description:
        Purpose of the stylesheet follows.
*/
@font-face {
    font-family: 'Lato';
    src: url('/zahrah/resources/css/httperrors/font/Lato-Hai-webfont.eot');
    src: url('/zahrah/resources/css/httperrors/font/Lato-Hai-webfont.eot?#iefix') format('embedded-opentype'),
         url('/zahrah/resources/css/httperrors/font/Lato-Hai-webfont.woff') format('woff'),
         url('/zahrah/resources/css/httperrors/font/Lato-Hai-webfont.ttf') format('truetype'),
         url('/zahrah/resources/css/httperrors/font/Lato-Hai-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'icomoon';
    src:url('/zahrah/resources/css/home/iconmoon/icomoon.eot');
    src:url('/zahrah/resources/css/home/iconmoon/icomoon.eot?#iefix') format('embedded-opentype'),
        url('/zahrah/resources/css/home/iconmoon/icomoon.woff') format('woff'),
        url('/zahrah/resources/css/home/iconmoon/icomoon.ttf') format('truetype'),
        url('/zahrah/resources/css/home/iconmoon/icomoon.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('/zahrah/resources/css/login/fonts/BebasNeue-webfont.eot');
    src: url('/zahrah/resources/css/login/fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
        url('/zahrah/resources/css/login/fonts/BebasNeue-webfont.woff') format('woff'),
        url('/zahrah/resources/css/login/fonts/BebasNeue-webfont.ttf') format('truetype'),
        url('/zahrah/resources/css/login/fonts/BebasNeue-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*CSS Reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
html, body {
    margin: 0;
    padding: 0;
    height:100%;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img {
    border: 0 none;
}
.sideErrorCodePage{
    width:30%;
    height:100%;
    float:left;
    background: none repeat scroll 0 0 #3399CC;
    overflow: hidden;
}
.errorTextContainer{
    float: left;
    width:70%;
    height:100%;
    background: none repeat scroll 0 0 #297AA3;
    overflow: hidden;
}
span{
    display: block; 
    height: 30%;
    line-height: 1;
    margin: auto 0;
    text-align: center;
    font-family: 'Lato',Calibri,Arial,sans-serif;
    width: 100%;
}
.sideErrorCodePage .httperror {
    font-size: 13em;
    font-weight: 100;
    padding: 5% 0;
    /*margin-top:-5%;*/
    color: #FFFFFF;    
    height: auto;
}
.sideErrorCodePage .httperrorpic {
    font-size: 20em;
    font-weight: 100;
    padding: 5% 0;
    font-family: "icomoon";
    speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
    color: #FFFFFF;
    opacity:0.2;
    filter: alpha(opacity=20);
    -moz-opacity:0.2;
    -khtml-opacity: 0.2;
    position:relative;
    top:30%;
    height:auto;
}
.errorTextContainer .httperrorTitle{
    font-size: 60px;
    font-weight: 700;
    padding: 10% 0;
    color: #FFFFFF;
    text-transform: uppercase;
}
.errorTextContainer .httperrordescription{
    position: relative;
    top:-20%;
    color:#184962;
    font-size:36px;
    font-weight: 700;
    padding: 0;
}
.httperrordescriptionextra{
        position: relative;
    color:#184962;
    font-size:22px;
    font-weight: 700;
    height: auto;
    padding: 0 !important;
}
.transfersButton{
display: block; 
        position: relative;
    top:-20%;
    width:60%;
    border: none;
    font-family: 'Lato',Calibri,Arial,sans-serif;
	font-size: 18px;
	color: white;
	background: none;
	cursor: pointer;
	padding: 25px 80px;
	margin: 25px auto;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	outline: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.transfersButton:before
 {
	font-family: "icomoon";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: relative;
	-webkit-font-smoothing: antialiased;
        background: rgba(0,0,0,0.05);
        	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	line-height: 3;
	font-size: 140%;
	width: 70px;
        text-align: center;
}
.icon-login:before {
	content: "\e051";
}
.icon-home:before {
	content: "\291c";
}
.icon-history:before{
    content: "\e092";
}
.transfersButton {
	background: #1D5672;
	color: #fff;
}
.transfersButton:hover {
	background: #184962;
}
.transfersButton:active {
	background: #143D52;
	top:-19%;
}
.transfersButton {
	padding: 25px 60px 25px 120px;
}