html, body, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul,

form, 

caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

    font-size: 100%;

    font: inherit;

    /*font-family:"lucida grande",tahoma,verdana,arial,sans-serif;*/
	
	/*font-family: Arial, san-serif;*/
	
	font-family: 'Century Gothic';

    font-size:11.5px;

    color:#646464;

}

/*body {

    line-height: 1;

    background: 

    #02b0d4

    url('../img/shadow-l.jpg')

    repeat-x

    center top

    scroll;

}*/

body {
    background:#dadfe3 url(../img/body.jpg) 0 0 repeat-x;
    margin:0;
    padding:0;
    line-height:140%
}
.container {
     /* border: 1px solid #fff;*/
    width: 960px;
    height: 90%;
    margin: auto;
    background-color: #ffffff;
    box-shadow: 0px 2px 40px #292929;
    -moz-box-shadow: 0px 2px 40x #292929;
    -webkit-box-shadow: 0px 2px 40px #292929;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    margin-top: 2%;
    margin-bottom: 2%;
	background-image: url('../img/banner.jpg');
}

.mainbody,
.header,
.footer {
    padding: 5px;
}

.mainbody {
    padding-top: 0px;
    /*padding-bottom: 24px;*/
    margin-top: 0;
    height: auto;
    /*min-height: 150px;
    max-height: 388px;
    overflow: auto;
    background-color: rgb(228, 232, 233);
    background-color: white;*/
	background-image: url('../img/banner.jpg' );
}

.area{
	height: 150px;
	width: 930px;
	margin:10px;
	text-align: left;
	display:block;
}

.content { 
	background: white;
	/*padding:2px;
	border: 1px black solid;
	border:1px solid #C2CDDD; */
	-moz-border-radius:5px; 
	border-radius: 5px; 
	-webkit-border-radius: 5px; 
}



.header {
    background-image: url('../img/banner.jpg');
    /*height:140px;*/
	height:170px;
    /*border-bottom: 1px solid #EEE;*/
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	margin-left: 0px;

}

.member-header{
	height: 140px;
	height: 170px;
	border: 10px solid #073B74;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin-left: 0px;
	background: white;
}

.footer {
    height: 20%;
    background-image: url('../img/banner.jpg');
    /*border-top: 1px solid #DDD;*/
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;

    padding-bottom: 15px;
    /*border-top: 3px solid #cbcbcb;*/
    padding-top: 10px;
   
}

.footer ul li {
    float: left;
    display: block;
   
    line-height: 1.3em;
}

.footer ul li#f-contact1, #f-contact2 {
	 padding-left: 25px;
    color:white;    
    background-image: url('../img/i-contact.jpg');
    background-position: left top;
    background-repeat: no-repeat;
}

.footnav {
    float: right;
	margin-right: 20px;
	color:white;
	text-decoration: none;
	color:white;
}

.footer-link{
	text-decoration: none;
	color:white;
}

.clear {
    clear: both;
}

.mainbody table {
    text-align: center;
}

.resize_box {
    /*border: solid 1px #eee;*/
    padding: 10px;
    font-size: 12px;
    margin: 0 0 10px 0;
    /*text-align: right;*/
	/*width:70px;*/
	width:75px;
	float:right;
}

.settings-button {

    /*border-radius: 5px;*/
    height: 25px;
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
    opacity: 0.8;
    background: transparent url('../img/banner.jpg') no-repeat top left;
    z-index: 2;
    float:right;
    color:white;
    font-weight: bold;
    padding:5px;
}

.settings-button:hover, .pressed {
    background-color: transparent;
    opacity: 1;
    cursor: pointer;
    z-index: 2;
}

.settings-button #button-right {
    margin: 3px auto 0px auto;
    display: block;
    z-index: -1;
}

.toolbar-buttons{
    padding-top: 135px;
    /*float: right;*/
	
}

.toolbar-buttons #options-button {
    width:auto;
    margin:auto;
    border-left-width:thin;
    border-left-style:solid;
    border-left-color:white; 
    vertical-align: middle;

}

.toolbar-buttons #profile-button {
    width:auto;
    border-left-width:thin;
    border-left-style:solid;
    border-left-color:white;
    vertical-align: middle;  
}

.toolbar-buttons #profile-button span{
    padding-left: 10px;
    color: white;
    vertical-align: top;
}

.toolbar-buttons #home-button {
    width:auto;
    border-left-width:thin;
    border-left-style:solid;
    border-left-color:white;
    vertical-align: middle;  
}

.toolbar-buttons #etool-button {
    width:auto;
    border-left-width:thin;
    border-left-style:solid;
    border-left-color:white;
    vertical-align: middle;  
}

.toolbar-buttons #help-button {
    width:auto;
    border-left-width:thin;
    border-left-style:solid;
    border-left-color:white;
    vertical-align: middle;  
}

.toolbar-buttons #logs-button {
    width:auto;
    border-left-width:thin;
    border-left-style:solid;
    border-left-color:white;
    vertical-align: middle;  
}

.toolbar-buttons #logout-button {
    width:auto;
    border-left-width:thin;
    border-left-style:solid;
    border-left-color:white;
    vertical-align: middle;  
}

.eAwards-logo {
    text-align: right;
    width:60%;
    float:left;
}

.members-logo {
    text-align: right;
    width:60%;
    float:left;
}

.e-tool-header {
				display:none; 
				font-size:18px; 
				font-weight:bold; 
				text-align:left; 
				color:#e17009; 
				padding: 10px 0px 15px 20px;
			}

.notification-area{
	position:relative; 
	display:block;
	height:35px;
	width:100%;
	background-color:rgb(252, 255, 223);
}

.notification-content { 
	position:absolute;
	top:20%; 
	height:50%; 
	width:100%;
	text-align:center;
}

.breadcrumb {
	height: 40px;
	position: relative;
	bottom: 15px;
	float:left;
}
				
.item { 
	list-style: none; 
	overflow: hidden; 
	font: 18px Helvetica, Arial, Sans-Serif;
	/*width: 300px;*/
}

.item li { 
	float: left; 
}

.item li a {
	color: white;
	text-decoration: none; 
	padding: 5px 0 5px 55px;
	background: rgb(6, 50, 162);                  /* fallback color */
	background: rgb(8, 65, 212); 
	position: relative; 
	display: block;
	float: left;
}

.item li a:after { 
	content: " "; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid rgb(8, 65, 212); 
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	left: 100%;
	z-index: 2; 
}
	
.item li a:before { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid white;
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	margin-left: 1px;
	left: 100%;
	z-index: 1; 
}	

.item li:first-child a {
	padding-left: 10px;
}

.item li:nth-child(2) a       { background:       rgb(24, 87, 247); }

.item li:nth-child(2) a:after { border-left-color: rgb(24, 87, 247); }

.item li:nth-child(3) a       { background:        rgb(73,123, 248); }

.item li:nth-child(3) a:after { border-left-color: rgb(73,123, 248); }

.item li:last-child a {
	color: white;
	pointer-events: none;
	cursor: default;
	padding-right:20px;
}

.item li:last-child a:after { border: 0; }

.item li a:hover { background: rgb(6, 50, 162); }

.item li a:hover:after { border-left-color: rgb(6, 50, 162) !important; }


.ui-state-active a, .ui-state-hover a {
    outline: none;
}