*{
	margin:0;
	padding:0;
}

body{
	color:#777;
	background: #e7e7e7;
}

#page{
	width:890px;
	margin:20px auto;
}

/******* Splash/Top logo *******************************/

#splash{
	background:url('/Content/Images/splash.jpg') no-repeat;
	height: 200px;
	margin-bottom: 15px;
	text-align: center;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;	
}

#splash img{
	margin-top:80px;
}

#contentArea{
	overflow: hidden;
	padding-bottom:10px;
}

/********** Login **********************************************/
#Login{
	background-color:#FFFFFF;
	border-color:#DDDDDD;
	border-style:solid;
	border-width:1px 0 0 1px;
	width: 850px;
	margin: 0px auto;
	overflow:hidden;
	padding:20px 300px;
	-moz-box-shadow:1px 1px 0 #bbb;
	-webkit-box-shadow:1px 1px 0 #bbb;
	box-shadow:1px 1px 0 #bbb;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;	
}

#Login div 
{
    float: left;
    clear: both;
}


#MainMenu li.deactivated
{
    background-color: #E9E9E9;
}
#MainMenu div {
    text-indent: 72px;
    font-size: 1.5em;
    line-height: 2em;
}
#MainMenu li.deactivated div
{
    color: #969696;
    background-position: bottom center !important;
}

#MainMenu li 
{
    display: block;
    float: left;
    background:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;	
	-moz-box-shadow:1px 1px 0 #bbb;
	-webkit-box-shadow:1px 1px 0 #bbb;
	box-shadow:1px 1px 0 #bbb;
	width: 24%;
	margin: 0.5%;
}

li, ol
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

#MainMenu li a {
    height: 80px;
    white-space: nowrap;
}
#MainMenu li a, #MainMenu li div
{
    display: block;
    color: #21406c;
    text-decoration: none;
    font-family: Lucida Sans, Trebuchet MS, Verdana, Sans-Serif;
}

.MainMenuLinkImage
{
    height: 64px;
    width: 64px;
    margin: 8px;
    float: left;
    background-position: top center;
}
#LogLink { background: url(/Content/Images/StartScreen/log.png) no-repeat; }
#RotaLink { background: url(/Content/Images/StartScreen/rota.png) no-repeat; }
#TrainingLink { background: url(/Content/Images/StartScreen/training.png) no-repeat; }
#ReportLink { background: url(/Content/Images/StartScreen/reports.png) no-repeat; }


.btn-action
{
    background:#ddd;
    background:-webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, #d8d8d8), color-stop(0.6, #fff));
    background:-moz-linear-gradient(center bottom, #d8d8d8 0%, #fff 60%) repeat scroll 0 0;
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#e8e8e8');
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#e8e8e8')";
    border:1px solid #bbb;
    color:#222;
    cursor:pointer;
    display:inline-block;
    font-family: "Helvetica Neue",Arial,Verdana,"Nimbus Sans L",sans-serif !important;
    font-size:12px !important;
    font-weight: normal !important;
    line-height:28px;
    margin:0 3px 0 0;
    padding:0px 12px;
    text-align:center;
    text-decoration:none;
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    -o-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.5)
 /*
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;
*/
}
input.btn-action, button.btn-action{ height: 30px; }
a.btn-action { height: 28px; }

.btn-action:hover
{
    background:#eaeaea;
    background:-webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, #eaeaea), color-stop(0.5, #fff));
    background:-moz-linear-gradient(center bottom, #eaeaea 0%, #fff 50%) repeat scroll 0 0;
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#eeeeee');
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#eeeeee')";
    text-decoration:none
}
.btn-action:active
{
    background:#e4e4e4 !important;
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e4e4e4', endColorstr='#e4e4e4') !important;
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e4e4e4', endColorstr='#e4e4e4')" !important;
    -moz-box-shadow:inset 0 0 0 transparent;
    -webkit-box-shadow:inset 0 0 0 transparent;
    -o-box-shadow:inset 0 0 0 transparent;
    box-shadow:inset 0 0 0 transparent
}

.btn-primary
{
    background:#2e8d11;
    background:-webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, #2e8d11), color-stop(0.7, #72c152));
    background:-moz-linear-gradient(center bottom, #2e8d11 0%, #72c152 70%) repeat scroll 0 0;
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#72c152', endColorstr='#2e8d11');
    font-weight:bold;
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#72c152', endColorstr='#2e8d11')";
    border:1px solid #2e8d11;
    color:#fff;
    text-shadow:0 0 2px #2E8D11;
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.3);
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.3);
    -o-box-shadow:inset 0 1px 0 rgba(255,255,255,0.3);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.3)
}
.btn-primary:hover
{
    background:#3ea60b;
    background:-webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, #3ea60b), color-stop(0.7, #72c152));
    background:-moz-linear-gradient(center bottom, #3ea60b 0%, #72c152 70%) repeat scroll 0 0;
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#72c152', endColorstr='#3ea60b');
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#72c152', endColorstr='#3ea60b')"
}
.btn-primary:active
{
    background:#3ea60b !important;
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3ea60b', endColorstr='#3ea60b') !important;
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3ea60b', endColorstr='#3ea60b')" !important;
    -moz-box-shadow:inset 0 0 0 transparent;
    -webkit-box-shadow:inset 0 0 0 transparent;
    -o-box-shadow:inset 0 0 0 transparent;
    box-shadow:inset 0 0 0 transparent
}
.btn-primary .btn-submit:focus
{
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0px 0px 5px #999;
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0px 0px 5px #999;
    -o-box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0px 0px 5px #999;
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0px 0px 5px #999
}
.btn-action.btn-primary
{
    color: #FFF;
}
.FlagWrapper
{
    float: right;
    padding: 8px;
}