/*
    AUTHOR: RYAN CANHAM
	COMPANY: SKYBLUE CREATIONS

*/

/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { font: 62.5% Helvetica, sans-serif; background:url(images/User-Login_01.jpg) top repeat-x #FFFFFF;}
ul { list-style: none inside; }
p { font: 1.3em/1.3em; margin-bottom: 1.3em; }
a { outline: none; }
a img { border: none; }
h1, h1 a{ font-size:24px; font-weight:bold; color:#000000; text-transform:uppercase;}
h2, h2 a{ font-size:16px; font-weight:bold;}
h3, h3 a{ font-size:14px; font-weight:bold; color:#000000; margin-bottom:10px;}
h3 span, h3 span a{ color:#666666; margin-bottom:10px;}
h4, h4 a{ font-size:12px; color:#FFFFFF; font-weight:bold;}
h5, h5 a{ font-size:10px; color:#000000;}

/* END RESET */

/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
.transpBlack { background: url(transpBlack.png); }
.inputSpacing { padding:2px 0;}
.inputLeft { background:url(images/input_01.jpg) left no-repeat; height:50px; width:13px}
.inputRight{background:url(images/input_03.jpg) right no-repeat; height:50px; width:11px}
/* END TOOLBOX */

/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */
#page-wrap {width: 669px; margin: 0 auto;}
#footer { padding:5px; width:475px; margin:0 auto;}

#loginError { color:#CC0000; min-height:26px; margin-left:110px; margin-right:110px; padding-left:50px; margin-top:10px; margin-bottom:10px; background:url(images/error.jpg) left no-repeat;}
#login{width:475px; height:243px; margin: 0 auto; background:url(images/User-Login_05.jpg) no-repeat;}
#login form {padding:20px;}
#login label {float:left;margin-left:10px;margin-right:10px;text-align:right;width:110px; font-size:20px; padding-top:13px;}
#inputRound{  background:url(images/input.jpg) top no-repeat; margin-left:100px;}
#login input { height:50px; width:260px; border:0; background: none; font-size:20px; padding-top:10px; padding-left:10px; padding-right:10px; color:#666666;}
#login button {  border:none; background:#e4e4e3; white-space:nowrap;cursor:pointer; display:inline; margin: 0 10px}
#login img { border:none;}

#content { float:right; width:455px; margin:10px;}
#boxes {float:left; width:172px; margin:10px;}
#toolbox {  border:#333333 1px solid;}
#userlist td{border-bottom:#999999 1px solid; height:20px;}
#content label{float:left;margin-left:10px;margin-right:10px;text-align:right;width:100px; padding-top:4px}
#content input[type=text] { height:14px; width:300px; border:0; padding:2px 5px; color:#666666; border:#999999 1px solid; font-size:10px;}
#content textarea { width:300px; height:120px; padding:2px 5px; color:#666666; border:#999999 1px solid; font: 100% Helvetica, sans-serif;}
#content input[type=checkbox] {}
#content input[type=button] { height:20px; width:60px; font-size:10px; color:#CCCCCC; background:#333333; border:#999999 1px solid;cursor:pointer; padding:2px; padding-bottom:4px; margin:0 10px; vertical-align:top;}
#content button {  border:none; background:#e4e4e3; cursor:pointer; display:inline;}
#content select { width:130px; min-height:20px; font-size:10px; padding:0 4px; border:#999999 1px solid; color:#666666;}
#error { float:right; width:455px; margin:10px; background:url(images/error_mid.jpg) repeat-y;}
#imageLibrary{ width:439px; height:160px; background:#666666;}
/* END STRUCTURE */