@charset "utf-8";
/* CSS Document */

body{
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background-color:#044d8f;
}

h4{
    margin-top:7px;
    margin-bottom:5px;
    color:#656565;
}

img {
	border-style: none;
}

#header{
	width:100%; background-color:#044d8f; height:40px;
}

#logo{
	color:#fff;
	position:absolute;
	left:0px;
	top:10px;
	font-size:16px;
	font-weight:bold;
}


#header-links{
	color:#fff;
	position:absolute;
	right:0px;
	top:6px;
	font-size:12px;
	font-weight:bold;
}

#header-links div{
	padding:7px 15px;
	position:relative;
	cursor:pointer;
	
}


#header-links .current{
	background-color:#fff;
	color:#000;	
	border-left:1px solid #063661;
	border-top:1px solid #063661;
	border-right:1px solid #063661;
}

#navigation{
	width:100%; 
	background-color:#063661; 
	height:30px; 
	color:#fff;	
	font-size:12px;
}

#navigation ul{
	position:absolute;
	top:11px;
	margin:0px;
	padding:0px;
}

#navigation ul li{
	display:inline;
	list-style:none;
	padding:5px 15px;
}

#navigation .current{
	background-color:#fff;
	color:#000;	
}

#navigation a:link, #navigation a:visited{
	color:#fff;
	text-decoration:none;	
}

#navigation .current a:link, #navigation .current a:visited{
	color:#000;
	text-decoration:none;	
}

#bottom-bar{
	position:fixed;
	bottom:0px;
	min-height:10px;
	background:#063661;
	width:100%;
}

#bottom-bar-info{
	position:absolute;
	bottom:-3px;
	right:270px;
	height:10px;
	width:130px;
	padding:7px 15px;
	background:#063661;	
	font-size:12px;
	color:#fff;
}

#account-container{
	position:absolute;
	width:170px;
	background-color:#fff;	
	right:0px;
	top:33px;
	font-size:13px;
	padding:10px;
	border-left:1px solid #063661;
	border-right:1px solid #063661;
	border-bottom:2px solid #063661;
	z-index:1;
}

#account-container p{
	margin:10px 0px;
}

#account-container a:link, #account-container a:visited{
	color:#0036a4;
	text-decoration:none;
}

#content{
	background-color:#fff;
	padding:10px;	
        position:relative;
        overflow: auto;
}

#content-left{
	position:absolute;
	width:300px;
}

#content-middle{
	position:absolute;
	left:300px;
	width:300px;
	padding:5px;
}

#content-right{
	position:absolute;
	left:600px;
	width:300px;
	padding:5px;
}

#footer{
	background-color:#044d8f;
	width:100%;	
	padding:10px 0px;
	color:#fff;
	font-size:12px;
}

.dashboard-container{
	border:2px solid #a8a8a8;
	padding:10px;
	margin:5px;	
}

.dashboard-container div{
	padding:5px 0px;
	border-bottom:1px solid #f4f4f4;
}

.dashboard-container h3{
	font-size:15px;
	margin: 3px 0px;
}


.container{
	width:900px;
	margin:0px auto;
	position:relative;	
}

.orange_text{
	color:#ec8103;	
}

input.inactive{
	color:#999;
	font-style:italic;	
}

.button-primary{
	background-color:#ec8103;
	color:#fff;
	padding:5px;
	-moz-border-radius:3px;
	border-radius:3px;	
	font-size:12px;
}

.even-approved{
	background-color:#f2f2f2;	
}

.even-unapproved{
	background-color:#f2f2f2;	
}

.menu{
	width:100%; 
	background-color:#333333; 
	color:#fff;	
	font-size:12px;
	padding:5px;
}

.menu ul{
	margin:0px;
	padding:0px;
}

.menu ul li{
	display:inline;
	list-style:none;
	padding:5px 15px;
}

.menu .current{
	background-color:#fff;
	color:#000;	
}

.menu a:link, .menu a:visited{
	color:#fff;
	text-decoration:none;	
}

.menu .current a:link, .menu .current a:visited{
	color:#000;
	text-decoration:none;
}

.orange-header{
    background-color:#ff5a00;
    color:#fff;
    padding:5px;
    border-radius:5px;
    -moz-border-radius:5px;
}

.silver-header{
    background-color:silver;
    color:#fff;
    padding:5px;
    border-radius:5px;
    -moz-border-radius:5px;
}

#tabbedlist{
	background-color:#eaeaea;
	height:30px;
	color:#000;
	font-size:12px;
        position:relative;
        
}
#tabbedlist ul{
	position:absolute;
	top:13px;
	margin:0px;
	padding:0px;
        height:30px;
}

#tabbedlist ul li{
	display:inline;
	list-style:none;
	padding:5px 15px 3px 15px; /* 5px 15px; */
}
#tabbedlist .current{
	background-color:#73B3EE; /* #044d8f; */
	color:#fff;
	border-radius: 10px 10px 0px 0px;
	cursor:default;
}
#tabbedlist .whitetab{
	background-color:#FFFFFF;
	color:#000;
	border-radius: 10px 10px 0px 0px;
	cursor:pointer;
}
#tabbedlist .ontab{
	background-color:#BED7EE; /* #D6E3EE; */
	color:#000; /* #3A3A3A; */
	border-radius: 10px 10px 0px 0px;
	cursor:pointer;
}
#tabbedlist .ontab:hover{
	background-color:#9BC6EE;
	color:#525252; /* color:#E7E7E7; */
}
#tabbedlist .offtab{
	background-color:#73B3EE;
	color:#E7E7E7; /* #000000; #3A3A3A; */
	border-radius: 10px 10px 0px 0px;
	cursor:pointer;
}
#tabbedlist .offtab:hover{
	background-color:#9BC6EE;
	color:#E7E7E7;
}
#tabbedlist a:link, #tabbedlist a:visited{
	color:#000;
	text-decoration:none;
}
#tabbedlist .current a:link, #tabbedlist .current a:visited{
	color:#fff;
	text-decoration:none;
}

a.hoverul:link, a.hoverul:visited, a.noul{
	color:#0036a4;
	text-decoration:none;
}
a.hoverul:hover, a.hoverul:active{
	text-decoration:underline;
}
span.tip {
	color:red;
	font-size:0.8em;
	vertical-align:2px;
	cursor:pointer;
}
#tabbedlist .active, #tabbedlist .active a:link, #tabbedlist .active a:visited{
    background-color:#73B3EE;
    color:#fff;
}

/* BUTTONS! */

a.button, button { display: inline-block; padding: 5px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; color: #3C3C3D; text-shadow: 1px 1px 0 #FFFFFF; background: #ECECEC url('images/css3buttons_backgrounds.png') 0 0 no-repeat; white-space: nowrap; overflow: visible; cursor: pointer; text-decoration: none; border: 1px solid #CACACA; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; outline: none; position: relative; zoom: 1; line-height: 1.11; *display: inline; *vertical-align: middle; }
button { margin-left: 0; margin-right: 0; *padding: 5px 5px 3px 5px; }
a.button { -moz-user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-select: none; -webkit-touch-callout: none;}
button::-moz-focus-inner { border: 0; padding:0px; }
a.button.primary, button.primary { font-weight: bold }
button:focus,a.button:hover, 
button:hover { color: #FFFFFF; border-color: #388AD4; text-decoration: none; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); background-position: 0 -40px; background-color: #2D7DC5; }
a.button:active, button:active,
a.button.active, button.active { background-position: 0 -81px; border-color: #347BBA; background-color: #0F5EA2; color: #FFFFFF; text-shadow: none; }
a.button:active, button:active { top: 1px }
a.button.negative:hover, button.negative:hover { color: #FFFFFF; background-position: 0 -121px; background-color: #D84743; border-color: #911D1B; }
a.button.negative:active, button.negative:active,
a.button.negative.active, button.negative.active { background-position: 0 -161px; background-color: #A5211E; border-color: #911D1B; }
a.button.positive:hover, button.positive:hover { background-position: 0 -280px; background-color: #96ED89; border-color: #45BF55; }
a.button.positive:active, button.positive:active,
a.button.positive.active, button.positive.active { background-position: 0 -320px; background-color: #45BF55; }
a.button.pill, button.pill { -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px; padding: 5px 10px 4px 10px; *padding: 4px 10px; }
a.button.left, button.left { -webkit-border-bottom-right-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-topright: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; margin-right: 0px; border-right: none; }
a.button.middle, button.middle { margin-right: 0px; margin-left: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border-right: none; }
a.button.right, button.right { -webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; margin-left: 0px; }
a.button.left:active, button.left:active,
a.button.middle:active, button.middle:active,
a.button.right:active, button.right:active { top: 0px }
a.button.big, button.big { font-size: 16px; padding-left: 14px; padding-right: 17px; }
button.big { *padding: 4px 17px 2px 17px; }
a.button span.icon, button span.icon { display: inline-block; width: 14px; height: 12px; margin: auto 7px auto auto; position: relative; top: 0; *top: 0px; background-image: url('images/css3buttons_icons.png'); background-repeat: no-repeat; }
a.big.button span.icon, button.big span.icon { top: 0px }
a.button span.icon.book, button span.icon.book { background-position: 0 0 }
a.button:hover span.icon.book, button:hover span.icon.book { background-position: 0 -15px }
a.button span.icon.calendar, button span.icon.calendar { background-position: 0 -30px }
a.button:hover span.icon.calendar, button:hover span.icon.calendar { background-position: 0 -45px }
a.button span.icon.chat, button span.icon.chat { background-position: 0 -60px }
a.button:hover span.icon.chat, button:hover span.icon.chat { background-position: 0 -75px }
a.button span.icon.check, button span.icon.check { background-position: 0 -90px }
a.button:hover span.icon.check, button:hover span.icon.check { background-position: 0 -103px }
a.button span.icon.clock, button span.icon.clock { background-position: 0 -116px }
a.button:hover span.icon.clock, button:hover span.icon.clock { background-position: 0 -131px }
a.button span.icon.cog, button span.icon.cog { background-position: 0 -146px }
a.button:hover span.icon.cog, button:hover span.icon.cog { background-position: 0 -161px }
a.button span.icon.comment, button span.icon.comment { background-position: 0 -176px }
a.button:hover span.icon.comment, button:hover span.icon.comment { background-position: 0 -190px }
a.button span.icon.cross, button span.icon.cross { background-position: 0 -204px }
a.button:hover span.icon.cross, button:hover span.icon.cross { background-position: 0 -219px }
a.button span.icon.downarrow, button span.icon.downarrow { background-position: 0 -234px }
a.button:hover span.icon.downarrow, button:hover span.icon.downarrow { background-position: 0 -249px }
a.button span.icon.fork, button span.icon.fork { background-position: 0 -264px }
a.button:hover span.icon.fork, button:hover span.icon.fork { background-position: 0 -279px }
a.button span.icon.heart, button span.icon.heart { background-position: 0 -294px }
a.button:hover span.icon.heart, button:hover span.icon.heart { background-position: 0 -308px }
a.button span.icon.home, button span.icon.home { background-position: 0 -322px }
a.button:hover span.icon.home, button:hover span.icon.home { background-position: 0 -337px }
a.button span.icon.key, button span.icon.key { background-position: 0 -352px }
a.button:hover span.icon.key, button:hover span.icon.key { background-position: 0 -367px }
a.button span.icon.leftarrow, button span.icon.leftarrow { background-position: 0 -382px }
a.button:hover span.icon.leftarrow, button:hover span.icon.leftarrow { background-position: 0 -397px }
a.button span.icon.lock, button span.icon.lock { background-position: 0 -412px }
a.button:hover span.icon.lock, button:hover span.icon.lock { background-position: 0 -427px }
a.button span.icon.loop, button span.icon.loop { background-position: 0 -442px }
a.button:hover span.icon.loop, button:hover span.icon.loop { background-position: 0 -457px }
a.button span.icon.magnifier, button span.icon.magnifier { background-position: 0 -472px }
a.button:hover span.icon.magnifier, button:hover span.icon.magnifier { background-position: 0 -487px }
a.button span.icon.mail, button span.icon.mail { background-position: 0 -502px }
a.button:hover span.icon.mail, button:hover span.icon.mail { background-position: 0 -514px }
a.button span.icon.move, button span.icon.move { background-position: 0 -526px }
a.button:hover span.icon.move, button:hover span.icon.move { background-position: 0 -541px }
a.button span.icon.pen, button span.icon.pen { background-position: 0 -556px }
a.button:hover span.icon.pen, button:hover span.icon.pen { background-position: 0 -571px }
a.button span.icon.pin, button span.icon.pin { background-position: 0 -586px }
a.button:hover span.icon.pin, button:hover span.icon.pin { background-position: 0 -601px }
a.button span.icon.plus, button span.icon.plus { background-position: 0 -616px }
a.button:hover span.icon.plus, button:hover span.icon.plus { background-position: 0 -631px }
a.button span.icon.reload, button span.icon.reload { background-position: 0 -646px }
a.button:hover span.icon.reload, button:hover span.icon.reload { background-position: 0 -660px }
a.button span.icon.rightarrow, button span.icon.rightarrow { background-position: 0 -674px }
a.button:hover span.icon.rightarrow, button:hover span.icon.rightarrow { background-position: 0 -689px }
a.button span.icon.rss, button span.icon.rss { background-position: 0 -704px }
a.button:hover span.icon.rss, button:hover span.icon.rss { background-position: 0 -719px }
a.button span.icon.tag, button span.icon.tag { background-position: 0 -734px }
a.button:hover span.icon.tag, button:hover span.icon.tag { background-position: 0 -749px }
a.button span.icon.trash, button span.icon.trash { background-position: 0 -764px }
a.button:hover span.icon.trash, button:hover span.icon.trash { background-position: 0 -779px }
a.button span.icon.unlock, button span.icon.unlock { background-position: 0 -794px }
a.button:hover span.icon.unlock, button:hover span.icon.unlock { background-position: 0 -809px }
a.button span.icon.uparrow, button span.icon.uparrow { background-position: 0 -824px }
a.button:hover span.icon.uparrow, button:hover span.icon.uparrow { background-position: 0 -839px }
a.button span.icon.user, button span.icon.user { background-position: 0 -854px }
a.button:hover span.icon.user, button:hover span.icon.user { background-position: 0 -869px }

#error-message{
    padding:5px;
    margin:5px 0px;
    background-color:#e26161;
    color:white;
    border:1px solid #ff3333;
}