/* core formatting */
html
{
    height:100%;
    margin-bottom:1px;
    background:#4faddc url(../images/bg.png) 0 0 repeat-x;
}

body
{
    margin:0;
    padding:0;
    line-height:145%;
    font-size:12px;
    font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;
    color:#505060;
}

p
{
    margin-top:10px;
    margin-bottom:15px;
}

h1,h2,h3,h4,h4
{
    padding-bottom:5px;
    margin:15px 0;
}

h1
{
    font-size:200%;
}

h2
{
    font-size:180%;
    color:#004c88;
}

h3
{
    font-size:150%;
    color:#58a8d1;
}

h4
{
    font-size:120%;
}

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

a:hover
{
    text-decoration:underline;
}

fieldset
{
    border:none;
}

img
{
    border:none;
}

form
{
    border:0;
    margin:0;
    padding:0;
}

.clr
{
    clear:both;
}

.hide
{
    display:none;
}

.highlight
{
    background-color:#ffc;
}

.nounder
{
    text-decoration:none;
    border:0;
}

a.readon
{
    margin-top:15px;
    display:block;
    float:left;
    width:116px;
    height:25px;
    line-height:25px;
    padding-left:5px;
}

a.readon:hover
{
    text-decoration:none;
}

/* logos */
#logo
{
    float:left;
    margin-left:29px;
    width:320px;
    height:110px;
    z-index:1;
}

/* wrapper */
#wrapper
{
    margin:0 auto;
    margin-top:18px;
    width:896px;
    background:#fff;
}

/* header */
#header
{
    background:url(../images/header-bg.png) 0 0 repeat-x;
}

#header .bg
{
    background:url(../images/header-r.png) 100% 0 no-repeat;
}

#header .bg2
{
    height:110px;
    overflow:hidden;
    background:url(../images/header-l.png) 0 0 no-repeat;
}

/* toolbar */
#toolbar
{
    height:30px;
    width:100%;
    background:url(../images/menu-bg.png) 0 0 repeat-x;
}

/* main menu level 1 */
#mainmenu ul
{
    float:left;
    margin:0;
    padding:0;
    list-style:none;
}

#mainmenu ul li
{
    float:left;
    position:relative;
    list-style:none;
    margin:0;
    padding:0 2px 0 0;
    background:url(../images/menu-divider.png) 100% 0 repeat-y;
}

#mainmenu ul li:hover
{
    visibility:inherit; /* fixes IE7 'sticky bug' */
}

#mainmenu ul a
{
    float:left;
    display:block;
    height:30px;
    padding:0 25px;
    color:#FFF;
    line-height:30px;
    font-weight:700;
    text-decoration:none;
    cursor:pointer;
}

#mainmenu ul a em
{
    display:none; /* disable subtitle */
}

/* main menu level 2*/
#mainmenu ul ul
{
    margin:0;
    padding:0;
    position:absolute;
    top:30px;
    left:-999em;
    width:190px;
}

#mainmenu ul li:hover,#mainmenu ul li.sfhover
{
    background:#459fcd;
    color:#fff;
}

#mainmenu ul li:hover ul,#mainmenu ul li.sfHover ul
{
    left:0;
    z-index:99;
}

#mainmenu ul li li
{
    margin:0;
    padding:0;
    width:190px;
    border-left:1px solid #3c90bb;
    border-right:1px solid #176992;
    background:#2e7eaa;
}

#mainmenu ul li li a
{
    width:190px;
    padding:0;
    text-indent:10px;
    border-top:1px solid #3c90bb;
    border-bottom:1px solid #176992;
    font-size:12px;
    background:transparent url(../images/navi-sub-div.png) repeat-x scroll bottom center;
}

#mainmenu ul li.trail.root a
{
    color:#3f3f3f;
}

#mainmenu ul li.trail.root li a
{
    color:#fff;
}

/* breadcrumb */
#breadcrumb
{
    display:block;
    clear:both;
    height:16px;
    line-height:16px;
    vertical-align:middle;
    color:#ccc;
    font-weight:700;
    padding:0 0 10px;
}

#breadcrumb a
{
    text-decoration:none;
    background:transparent url(../images/arrow.png) no-repeat scroll center right;
}

#breadcrumb a:hover span
{
    text-decoration:underline;
}

#breadcrumb span
{
    padding:8px 12px 23px 0;
}

#breadcrumb .placeholder
{
    height:15px;
}

/* mainbody */
#mainbody
{
    float:left;
    width:586px;
    min-height:400px;
    height:auto!important;
    height:400px;
    line-height:150%;
    padding:10px 15px 40px 25px;
}

#mainbody h1
{
    color:#ee7a00;
    font-size:200%;
    font-weight:bold;
}

#mainbody h1 em
{
    display:none;
}

/* sidebar */
#sidebar
{
    float:right;
    width:255px;
    margin:35px 0 0;
    padding-left:15px;
    min-height:300px;
    height:auto!important;
    height:300px;
    background:url(../images/body-div.png) 0 3% no-repeat;
}

#sidebar .box
{
    margin-bottom:25px;
}

#sidebar .box span.title
{
    margin:0;
    padding:10px 0;
    color:#1D2D45;
    font-size:145%;
    font-weight:700;
}

/* horizontal divider */
#hdiv
{
    height:7px;
    overflow:hidden;
    clear:both;
    background:url(../images/bottom-hdiv.png) 0 0 repeat-x;
}

/* footer */
#footer
{
    text-align:center;
    background:url(../images/footer-bg.png) 0 0 repeat-x;
}

#footer .bg
{
    background:url(../images/footer-r.png) 100% 0 no-repeat;
}

#footer .bg2
{
    height:105px;
    overflow:hidden;
    background:url(../images/footer-l.png) 0 0 no-repeat;
}

#footer .box
{
    margin-top:15px;
}

#footer a:link,#footer a:visited
{
    color:#aaa;
}

/* tables */
.hgrid
{
    background:#fff;
    border-collapse:collapse;
    border-spacing:0;
    text-align:left;
}

.hgrid th
{
    font-size:14px;
    font-weight:normal;
    text-transform:uppercase;
    padding:8px;
    border-bottom:2px solid #629de3;
    text-align:left;
}

.hgrid td
{
    border-bottom:1px solid #ccc;
    padding:10px 8px 4px;
    border-collapse:collapse;
}

.hgrid tbody tr:hover td
{
    background:#eee;
}

.vgrid
{
    background:#fff;
    border-collapse:collapse;
    border-spacing:0;
    text-align:left;
}

.vgrid th
{
    font-weight:bold;
    text-transform:uppercase;
    padding:8px 20px 4px 0;
    border-bottom:1px solid #ccc;
    text-align:left;
}

.vgrid td
{
    border-bottom:1px solid #ccc;
    padding:8px 0 4px;
    border-collapse:collapse;
}

.vgrid tbody tr:hover th,.vgrid tbody tr:hover td
{
    background:#eee;
}

/* prompt message */
.promptmessage
{
    display:none;
    padding:10px 15px;
    text-align:left;
    text-align:center;
    border:4px solid #629de3;
    background-color:#fff;
    color:#05b;
    opacity:0.9;
    filter:alpha(opacity=90);
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    -moz-box-shadow:0 0 20px #aaa;
    -webkit-box-shadow:0 0 20px #aaa;
}

.promptmessage a
{
    cursor:pointer;
}

.promptmessage.error
{
    border:4px solid #fe7b7a;
    background-color:#fac6c6;
    color:#c00;
}

.promptmessage.complete
{
    border:4px solid #f90;
    color:#505060;
}

.promptmessage p
{
    text-align:left;
    margin:0;
    padding:10px 10px 10px 40px;
    font-weight:bold;
    background:url(../images/info.png) 0 center no-repeat;
}

.promptmessage.complete p
{
    background:url(../images/tick.png) 0 center no-repeat;
}

.promptmessage.error p
{
    background:url(../images/cross.png) 0 center no-repeat;
}

/* editor templates */
.multifile .filelist
{
    border-color:#aaa #ddd #ddd #aaa;
    border-style:solid;
    border-width:1px;
    padding:10px;
    margin:10px 0;
}

.multifile .filelist h4
{
    margin:0;
    font-size:10px;
    text-transform:uppercase;
}

.multifile .filelist .MultiFile-remove
{
    margin-right:10px;
}

.multifile .filelist .MultiFile-label
{
    font-size:10px;
    margin-bottom:4px;
    clear:both;
}

/* forms */
#mainbody form dl
{
    clear:both;
}

#mainbody form dt
{
    display:block;
    float:left;
    margin:0 0 8px;
    padding:0;
    clear:both;
    width:100px;
}

#mainbody form dd
{
    display:block;
    float:left;
    margin:0 0 5px;
    padding:0;
}

#mainbody fieldset h3
{
    color:#999;
    text-align:left;
    margin-bottom:10px;
    padding-bottom:4px;
    border-bottom:2px solid #629de3;
}

#mainbody .textbox,
#mainbody .listbox
{
    margin-top:3px;
    padding:5px 4px;
    background:#fff;
    border-color:#aaa #ddd #ddd #aaa;
    border-style:solid;
    border-width:1px;
    color:#666;
}

#mainbody .checkbox
{
    margin:5px 5px 5px 0;
}

#mainbody input[type="submit"]
{
    padding:0 10px;
}

#mainbody .field-validation-error
{
    display:block;
    color:#f60;
}

/* button basics */
a.button {
	display:inline-block;
	height:28px;
	padding:0 0 0 3px;
	font-size:11px;
	font-weight:bold;
	color:#333;
	text-shadow:1px 1px 0 #fff; 
	background:url(../images/button.png) 0 0 no-repeat;
	white-space:nowrap;
	border:none;
	overflow:visible;
	cursor:pointer;
	text-decoration:none;
}
	
a.button>span {
	display:block;
	height:28px;
	padding:0px 15px 0px 12px;
	line-height:28px;
	background:url(../images/button.png) 100% 0 no-repeat;
}
	
a.button:hover, a.button:focus {
	color:#fff;
	text-decoration:none;
	text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
	background-position:0 -30px;
}
a.button:hover>span, a.button:focus>span {background-position:100% -30px;}
	
a.button.mousedown{background-position:0 -60px; }
a.button.mousedown>span{background-position:100% -60px; }