/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
header{
	width: 100%;
}

	header #logo input{
		display: block;
		margin: 0 auto;
		max-width: 70%;
		height: auto;
	}

	header.logged-in{
		padding: 0;
	}

		header.logged-in .container #logo{
			float: left;
		}

section#nav-wrapper{
	background: #eeeeee;
	background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
	background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
	background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
	background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
}

    .footerlogoweb {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

nav{
	display: block;
	margin: 0 auto !important;
	width: 830px;
}

	nav,
	nav ul,
	nav li,
	nav a {
		margin: 0;
		padding: 0;
		border: none;
		outline: none;
	}

	/* Menu */
	nav ul,
	nav ul ul,
	nav ul li,
	nav ul a {
		margin: 0;
		padding: 0;
		border: none;
		outline: none;
	}

	nav ul{
		position: relative;
		z-index: 1;
	}

	nav ul li {
		position: relative;
		list-style: none;
		float: left;
		display: block;
	}

	/* Links */

	nav ul li a {
		display: block;
		padding: 0 14px;
		margin: 6px 0;
		line-height: 28px;
		text-decoration: none;
		border-left: 0px solid #666;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 13px;
		color: #666 !important;
		text-align: left;
	}

	nav ul li:first-child a { border-left: none; }
	nav ul li:last-child a{ border-right: none; }
	nav ul li:hover{
		background: rgba(255,255,255,0.8);
		box-shadow: 0 5px 25px rgba(0,0,0,0.2);
	}
    .ie8 nav ul li:hover {
	    background: #fff;
	    box-shadow: 0 5px 25px rgba(0,0,0,0.2);
    }

	/* Sub Menu */

	nav ul ul, nav ul ul ul {
        display: none;
		position: absolute;
		top: 40px;
		left: 0;
		opacity: 1;
		background: rgba(255,255,255,1.0);
		-webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.2);
		box-shadow: 0 5px 25px rgba(0,0,0,0.2);
		-webkit-border-radius: 0 0 5px 5px;
		-moz-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;
		-webkit-transition: opacity .25s ease .1s;
		-moz-transition: opacity .25s ease .1s;
		-o-transition: opacity .25s ease .1s;
		-ms-transition: opacity .25s ease .1s;
		transition: opacity .25s ease .1s;
	}

	nav ul ul ul {
		top: 0px;
		left: 100%;
		z-index: 2;
	}

	nav ul li:hover > ul, nav ul ul li:hover > ul { opacity: 1; display:block; }

	nav ul ul li, nav ul ul ul li {
		height: 0;
		overflow: hidden;
		padding: 0;
		-webkit-transition: height .25s ease .1s;
		-moz-transition: height .25s ease .1s;
		-o-transition: height .25s ease .1s;
		-ms-transition: height .25s ease .1s;
		transition: height .25s ease .1s;
	}

	nav ul li:hover > ul li, nav ul ul li:hover > ul li {
		height: 36px;
		overflow: visible;
		padding: 0;
	}

	nav ul ul li a, nav ul ul ul li a {
		width: 200px;
		padding: 4px 14px;
		margin: 0;
		text-align: left;
		border: none;
		
	}

	nav ul ul li:last-child a, nav ul ul ul li:last-child a { border: none; }

	nav ul ul li:last-child{
		background: transparent;
		box-shadow: 0 0px 0px rgba(0,0,0,0.2);
	}

	nav ul li a[id*="lnkSearchMobile"]{
		display: block;
		padding: 0 5px;
		margin: 0;
		line-height: inherit;
		text-decoration: none;
		border-left: 0px solid #666;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 13px;
		color: #666;
		text-align: left;
	}

	nav .search{
		display:none;
	}

	nav .search input{
		width: 150px;
        color: #666;
	}

	nav .search a{
		text-decoration: none;
		padding: 5px 10px;
		float: left;
		color: #fff;
		background: #7d7e7d;
		background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e));
		background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%);
		background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%);
		background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%);
		background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 );
		-webkit-border-radius: 3px;
    	border-radius: 3px;
    	-webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, .3);
        box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, .3);
        border: 1px #fff solid;
	}

#pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    
    /* Specify the width of your pageslide here */
    width: 260px;
    padding: 0 20px;
    
    /* These styles are optional, and describe how the pageslide will look */
    background-color: #333;
    color: #FFF;
    -webkit-box-shadow: inset 0 0 5px 5px #222;
    -moz-box-shadow: inset 0 0 5px 5px #222;
    box-shadow: inset 0 0 5px 5px #222;
}

#nav{
	display: none;
	position: absolute;
	top: 10px;
	right: 20px;
	width: 40px;
	height: 20px;
}

	#nav span{
		float: left;
		margin: 5px 0;
		width: 100%;
		height: 5px;
		background: #254870;
	}

	#pageslide ul ul li{
		margin: 0 0 5px;
		padding: 0 0 5px;
		/*border-bottom: 1px #ccc solid;*/
		color: #fff;
	}

	#pageslide ul li a{
		text-decoration: none;
		color: #fff;
	}

	#mobile-nav{
		overflow: auto;
		float: left;
		width: 100%;
		height: 100%;
	}

	#mobile-nav .button{
		margin: 10px 0
	}


footer{
	float: left;
	padding: 10px 0;
	width: 100%;
	font-size: 12px;
	text-align: center;
}

/* #Page Styles
================================================== */

	/* #login/forgot password/registration
	============================================== */
	.login, .registration{
		padding: 30px 0;
	}

		.login .sixteen.columns .five.columns{
			float: none;
			display: block;
			margin: 0 auto;
		}

			.login .sixteen.columns .five.columns p{
				text-align: center;
			}

			.login .sixteen.columns .five.columns label[for*="_RememberMe"]{
				display: block;
				margin: -20px 0 10px 0;
				padding: 0 0 0 20px;
			}

		.my-admin{
			text-align: center;
		}


		/* forgot password styles 
		============================================== */

		.login .sixteen.columns .five.columns form[action*="Forgotpassword.aspx"] p{
			text-align: left;
		}

		
		/* registration styles 
		============================================== */

		.registration .twelve.columns{
			float: none;
			display: block;
			margin: 0 auto;
		}
		

	/* #account review
	============================================== */

	.header{
		padding: 10px 0 5px 0;
	}

	.account-review .header .two.columns h6{
		font-size: 12px;
		line-height: 14px;
	}

	.account-review-message.container { display: none;}

	.account-review-message.container h4{
		text-align: center;
		margin-top: 60px;
	}

	.account-review-content{
		padding-top: 5px;
	}

	.account-review-content .four.columns.alpha h6{
		margin: 0px 0 15px 0;
	}

	.account-review-content .four.columns.alpha h6 strong{
		
	}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		nav{display: none;}
		#nav{
			display: block;
		}
        .account-review-content .four.columns.sidebar {
            display: none;
        }
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		nav{display: none;}
		#nav{
			display: block;
		}
        .account-review-content .four.columns.sidebar {
            display: none;
        }
	    div[class*="account-review"] .two.columns{
		    text-align: left;
	    }
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		nav{display: none;}
		#nav{
			display: block;
		}
        .account-review-content .four.columns.sidebar {
            display: none;
        }
		#pageslide{width: 100%}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		nav{display: none;}
		#nav{
			display: block;
		}
        .account-review-content .four.columns.sidebar {
            display: none;
        }
		#pageslide{width: 100%}
	}

	.account-review-content .four.columns li a{
		text-decoration: none;
	}

	/*.account-review-content .four.columns li.current, .account-review-content .four.columns li.current a, .account-review-content .four.columns li a:hover{
		color: #176cc2;
	}

	.account-review-content .four.columns li.current a{
		text-decoration: underline;
	}*/

	.account-review-content .twelve.columns.omega{
		background: #fff;
	}

	.account-review-content .twelve.columns.omega h4{
		margin: 15px 0;
	}

	.account-review-content .twelve.columns.omega .six.columns.alpha{

	}

	/* #account review details
	============================================== */

	.account-review-details-content select{
		margin-top: 8px;
	}

	.options .two.columns input[type*="checkbox"]{
		clear: left;
		display: block;
		margin: 0 auto 20px auto;
	}

	/* #project landing page
	============================================== */

	.project-landing-page-content{
		
	}

	/* #project landing page
	============================================== */

	.project-landing-page-detail-content{
		
	}

	/* #misc extras
	============================================== */
    #snapshotdata.twelve.columns .container-fluid .sixteen.columns {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: solid 1px grey;
    }

    .olnumber {
        display: none;
    }

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/