/*-----------------------------------------------------------------------*/
/*--File	: global.css						 */
/*--Author	: Tom Hill						 */
/*--Date	: 02/09/2008						 */
/*--Purpose	: Contains the custom css rules for the home pages	 */
/*-----------------------------------------------------------------------*/
#globalmenu { display: block; float: left; width: 100%; }
#globalmenu .group { display: block; float: left; width: 270px; min-height: 320px; margin-right: 20px; border-radius: 10px; padding: 0px; padding-bottom: 60px; background: #d3e1e6; border: 1px solid white; box-shadow: 0px 0px 10px -2px #000;  }
#globalmenu .group h1 { color: #504350; font-size: 36px; font-weight: normal; font-family: Arial,Verdana,Helvetica; text-align: center; padding-top: 35px; margin-bottom: 20px; letter-spacing: 0px;  }
#globalmenu ul { list-style: none; padding: 0px; margin: 0px; }
#globalmenu li { list-style: none; padding: 0px; margin: 0px; }
#globalmenu ul li a { padding: 0px; margin: 0px; display: block; }
#globalmenu ul li a div { padding: 5px 30px; padding-right: 10px; font-size: 20px; font-weight: normal; font-family: Arial,Verdana,Helvetica; color: #504350; }
#globalmenu ul li a:hover { text-decoration: none; }
#globalmenu ul li a:hover div { background: #ccc; }
#globalmenu ul li a img { padding: 0px; margin: 0px; margin-right: 10px; height: 32px; width: 32px; vertical-align: middle; }
#globalmenu ul li a span { line-height: 32px; vertical-align: middle; }

/* home page dashboard */
div.dashboard { display: block; float: left; width: 270px; min-height: 320px; border-radius: 10px; background: #d3e1e6; border: 1px solid white; box-shadow: 0px 0px 10px -2px #000;  padding-bottom: 60px; }
div.dashboard h1 { color: #504350; font-size: 36px; font-weight: normal; font-family: Arial,Verdana,Helvetica; text-align: center; padding-top: 35px; margin-bottom: 25px; letter-spacing: 0px;  }
div.dashboard ol { padding: 0px; margin: 0px; list-style: none; padding-left: 25px; padding-right: 25px; }
div.dashboard ol ol { margin-bottom: 20px; float: left; display: block; width: 100%; padding: 0px; }
div.dashboard li { padding: 0px; margin: 0px; list-style: none; display: block; }
div.dashboard h3 { color: #504350; font-size: 18px; letter-spacing: 0px;}
div.dashboard li li { display: block; float: left; width: 100%; }
div.dashboard span.label { width: 60%; display: block; float: left; padding-top: 3px; }
div.dashboard span.value { width: 40%; display: block; float: left; text-align: right; padding-top: 3px; }

/* title bar icon on home page only */
#titlebar td { height: auto; }
#titlebar td.central h1 { vertical-align: middle; color: #504350; }
#titlebar td.central h1 img { height: 24px; width: 24px; vertical-align: middle; margin-bottom: 5px;  }

/* centering for IE */
#centerer { width: 100%; text-align: center; }

/* login page */
#login { width: 400px; text-align: center; margin-left: auto; margin-right: auto; margin-top: 50px; }
#login div.content { padding: 20px; border: 1px solid #cccccc; border-radius: 10px; }
#login button { width: 180px; border: 1px solid #cccccc; }

/* change login page */
#changelogin { width: 400px; text-align: center; margin-left: auto; margin-right: auto; margin-top: 50px; }
#changelogin div.content { padding: 20px; border: 1px solid #cccccc; border-radius: 10px; }
#changelogin button { min-width: 180px; border: 1px solid #cccccc; }

/* timeout page */
#timeout { width: 400px; text-align: center; margin-left: auto; margin-right: auto; margin-top: 50px; }
#timeout div.content { padding: 20px; border: 1px solid #cccccc; border-radius: 10px; }
#timeout button { min-width: 180px; border: 1px solid #cccccc; }

/* forgotten password */
#forgottenpassword { width: 400px; text-align: center; margin-left: auto; margin-right: auto; margin-top: 50px; }
#forgottenpassword div.content { padding: 20px; border: 1px solid #cccccc; border-radius: 10px; }
#forgottenpassword button { min-width: 180px; border: 1px solid #cccccc; }

/* error pages */
table.warning { width: 800px; margin-left: auto; margin-right: auto; border-radius: 4px; }
table.warning .icon { display: none; }
table.warning td.content { color: #555555; font-size: 14px; font-weight: normal; border: 1px solid white; border-radius: 4px; }
table.warning td p { font-size: 14px; font-weight: normal; }
table.warning td ul { width: 90%; margin-left: auto; margin-right: auto; color: #555; margin-top: 20px; }
table.warning td li { text-align: left; margin-bottom: 20px; }

/* debug pages */
#debug { width: 100%; background: #ededc6; padding: 20px; text-align: left; margin-left: auto; margin-right: auto;  }

/* eula iframe */
#eulaframe { width: 798px; height: 300px; margin-top: 5px; border: 1px solid white; overflow-x: hidden; }
#acceptbutton { width: 800px; background: #c2c2a2; border: 1px solid white; margin-top: 5px; margin-left: auto; margin-right: auto; }
#acceptbutton button { width: 100%; }