* { margin:0; padding:0; }
body { font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#1c3a57; }
a:link { color: #000; text-decoration: none; }
a:visited { text-decoration: none; color: #000; }
a:hover { text-decoration: none; color: #1c3a57; }
a:active { text-decoration: none; color: #1c3a57; }
ul { list-style:none; }
ul,
ol,
p,
h1,
h2,
h3 { margin-bottom:15px; }
h1 { font-weight:normal; font-size:18px; letter-spacing:2px; }
li,
ol,
ul { margin-left:10px; }
li { margin-top:5px; }
#wrap { background-color:#FFF; width:600px; position:absolute; left: 50%; margin-left: -300px; border-top-width: 1px; border-top-style: solid; border-top-color: #CCC; }
#head { text-align:center; height:200px; margin-top:100px; }
#create_box { padding-left:40px; background-image: url(../gfx/arr_next.gif); background-repeat: no-repeat; background-position: left bottom; height:210px; position:relative; }
#create_box .inner { width:520px; }
#acc_container { background-color:#ececec; height:150px; }
#create_box textarea { width:497px; height:70px; background-color:#F8F8F8; border-style:solid; border-width:1px; border-color:#CCC; }
#create_box #link_go { margin-left:80px; font-size:30px; bottom:8px; position:absolute; }
#create_box #pwd { width:93px; }
#create_box #link_go .alias { font-size:28px; width:170px; margin-left:2px; border-style:solid; border-color:#CCC; border-width:1px; background-color:#ececec; color:#1c3a57; }
#create_box #link_go .send_btn { margin-left:10px; height:44px; width:56px; position:absolute; left:375px; bottom:-5px; background-image: url(../gfx/arr_do.gif); background-repeat: no-repeat; border-style:none; }
#err { color:#F63; text-align:center; margin-top: 20px; font-weight:normal; font-size:16px; text-transform: none; letter-spacing:2px; }
#cont { }
#foot { position:fixed; z-index:2; width:600px; margin-left:-300px; bottom:0px; padding:5px; text-align:center; left:50%; color:#333; overflow:auto; letter-spacing:1px; color:#666; background-color:#FFF; border-top-style:solid; border-top-color:#CCC; border-top-width:1px; }
#debug { position:fixed; z-index:100; background-color:#F93; width:246px; height:100px; bottom:2px; left:2px; color:#333; overflow:auto; }
.file_list_area { width: 100%; height: 400px; overflow:auto; background-color:#333; }
/*
Vertical Accordions
*/
.accordion_toggle { display: block; height: 30px; background-color:#999; padding: 0 10px 0 10px; line-height: 30px; color: #333; font-weight: bold; letter-spacing:2px; text-decoration: none; font-size: 12px; margin: 0 0 0 0; }
.accordion_toggle_active { background-color:#369; color: #ffffff; }
.accordion_content { background-color: #ececec; color: #444444; overflow: hidden; }
.accordion_content .c { height:80px; margin-left:10px; margin-top:10px; }
.vertical_accordion_toggle { display: block; height: 30px; width: 600px; background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a; padding: 0 10px 0 10px; line-height: 30px; color: #ffffff; font-weight: normal; text-decoration: none; outline: none; font-size: 12px; color: #000000; border-bottom: 1px solid #cde99f; cursor: pointer; margin: 0 0 0 0; }
.vertical_accordion_toggle_active { background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f; color: #ffffff; border-bottom: 1px solid #f68263; }
.vertical_accordion_content { background-color: #ffffff; color: #444444; overflow: hidden; }
.vertical_accordion_content h2 { margin: 15px 0 5px 10px; color: #0099FF; }
.vertical_accordion_content p { line-height: 150%; padding: 5px 10px 15px 10px; }
/*
Horizontal Accordion
*/
.horizontal_accordion_toggle { /* REQUIRED */
			float: left;	/* This make sure it stays horizontal */ /* REQUIRED */

			display: block; height: 100px; width: 30px; background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a; color: #ffffff; text-decoration: none; outline: none; border-right: 1px solid #cde99f; cursor: pointer; margin: 0 0 0 0; }
.horizontal_accordion_toggle_active { background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f; border-right: 1px solid #f68263; }
.horizontal_accordion_content { /* REQUIRED */
			height: 100px;	/* We need to define a height for the accordion as it stretches the width */ float: left;	/* This make sure it stays horizontal */ /* REQUIRED */
			
			overflow: hidden; background-color: #ffffff; color: #444444; }
.horizontal_accordion_content p { width: 450px; line-height: 150%; padding: 5px 10px 15px 10px; }
