#nav, #nav ul { padding:34px 0 0 335px; margin:0; list-style: none; z-index:40; position:relative}
#nav ul { padding:0;}

#nav a { color:#00ADEE; display:block; padding:0 5px 0 0; margin:0 5px; font-size:16px; line-height:20px; text-decoration:none; font-weight:normal; background:url(../img/main-nav-bg-front.png) no-repeat top;}
#nav  a span{ display:block; background:url(../img/main-nav-bg-front.png) no-repeat top; padding:0 0 0 5px; }
#nav  a.active{ background-position:bottom right;}
#nav  a.active span{ background-position:0 -20px;}
#nav  a:hover{ background-position:bottom right;}
#nav  a:hover span{ background-position:0 -20px;}
#nav .demo-link{ border-left:1px solid #fff; text-transform:none; padding:0 10px;}

#nav ul a:hover{ background:#53aec8; text-decoration:none;}

#nav li:hover ul a, #nav ul li:hover ul a{ color:#fff;}
#nav li:hover a, #nav ul li:hover a{ background-position:bottom right; color:#fff;}
#nav li:hover a span{ background-position:0 -20px;}

#nav li ul li:hover ul li a { background:none; color:#fff;}
#nav li ul li a:hover, #nav li ul li:hover a, #nav li ul li:hover ul li a:hover{ background:#BEE7FA; color:#5ECBF4;}

#nav li { float: left; position:relative;}
#nav li.middle{ border:1px solid #fff; border-width:0 1px; padding:0 10px;}

#nav li ul{ position: absolute; width: 280px; padding:10px 0; left: 5px; top:20px; display:none; z-index:100000; -moz-border-radius:5px; -moz-border-radius-topleft:0px; background:#5ECBF4;}


#nav li ul ul { left: 280px; top:-10px; z-index:40 !important;}

#nav li ul li{ margin:0px; width:280px;}

#nav li ul li a{ line-height:18px; text-align:left; padding:4px 20px; margin:0; font-weight:normal; z-index:50; background:url(../img/menu-trans.png); font-size:12px; text-transform:none;}

#nav li ul li a:hover{ border:none;}
#nav li:hover ul ul{ display:none;}
#nav li:hover ul, #nav ul li:hover ul, #roster-nav li:hover ul { display:block;}

#nav .nsw a { background-image:url(../img/main-nav-bg-blue.png);}
#nav .nsw a span{ background-image:url(../img/main-nav-bg-blue.png);}
#nav li.nsw  ul{ background:#06355A;}
#nav li.nsw  ul li:hover ul li a { background:none; color:#fff;}
#nav li.nsw  ul li a:hover, #nav li.nsw  ul li:hover a, #nav li.nsw  ul li:hover ul li a:hover{ background:#0F5B8E; color:#fff}
#nav .qld a { background-image:url(../img/main-nav-bg-red.png);}
#nav  .qld a span{ background-image:url(../img/main-nav-bg-red.png);}
#nav li.qld ul{ background:#8E1E2D;}
#nav li.qld ul li:hover ul li a { background:none; color:#fff;}
#nav li.qld ul li a:hover, #nav li.qld ul li:hover a, #nav li.qld ul li:hover ul li a:hover{ background:#BE1E2D; color:#fff}
#nav .vic a { background-image:url(../img/main-nav-bg-purple.png);}
#nav  .vic a span{ background-image:url(../img/main-nav-bg-purple.png);}
#nav li.vic ul{ background:#360952;}
#nav li.vic ul li:hover ul li a { background:none; color:#fff;}
#nav li.vic ul li a:hover, #nav li.vic ul li:hover a, #nav li.vic ul li:hover ul li a:hover{ background:#592B81; color:#fff}

/* header nav */
#header-nav ul{ margin:0; padding:5px 0; list-style:none;}
#header-nav li{ float:left; margin:0 5px;}
#header-nav li a{ display:block; color:#fff; background:url(../img/main-nav-bg.png) no-repeat top; padding:0 5px 0 0;}
#header-nav li a span{ display:block; background:url(../img/main-nav-bg.png) no-repeat top; padding:0 0 0 5px; }
#header-nav li a:hover{ background-position:bottom right; text-decoration:none; color:#00ADEE}
#header-nav li a:hover span{ background-position:0 -20px;}

#header-nav li a.emulate-btn{ display:inline; background:none}

/* history */
.history{ position:relative; float:left;}
.section-actions .details a.history-link{ -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright:0px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:5px; margin-top:-5px; display:block; float:left;}
.blue .history-over a.history-link{ background-color:#104480; opacity:1}
.red .history-over a.history-link{ background-color:#901D2D; opacity:1}
.purple .history-over a.history-link{ background-color:#360952; opacity:1}

.history-list{ position:absolute; top:16px; right:0px; width:250px; background:#104480; color:#fff; -moz-border-radius:5px; -moz-border-radius-topright:0px; opacity:1}
.history-list a{ opacity:1; background:none}
.history-list ul{ margin-left:2em; list-style:none;}
.blue .history-list{ background:#104480;}
.red .history-list{ background:#901D2D;}
.purple .history-list{ background:#360952;}

.blue .history-list a, .red .history-list a, .purple .history-list a{ display:block; color:#fff; line-height:25px; padding:0 10px;}