﻿BODY {
	background: #000000 url('images/bg_top.jpg') repeat-x;
	FONT-SIZE: 11px;
	MARGIN: 0px;
	COLOR: #000000;
	FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
IMG {
	border: 0;
}
.clear {
	clear: both;
}
#header {
	margin: 0 auto;
	width: 952px;
	padding: 31px 0 21px;
	color: #D8DDE0;
}
#testimonial {
	float: right;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	width: 600px;
	background: #2F4455;
	padding: 10px 6px;
	font-size: 18px;
	font-style: italic;
	text-align: center;
}
#logo {
	float: left;
	width: 331px;
	height: 61px;
	background: url('images/filesave.png') no-repeat;
}
#testimonial span {
	display: block;
	padding: 0 16px;
	text-align: right;
	font-size: 14px;
}
#testimonial a {
	color: #D8DDE0;
}
#navigation {
	float: left;
	padding: 23px 23px 0;
	width:900px;
}
#navigation a {
	display: block;
	float: left;
}
#navigation a span {
	display: none;
}
#navigation a:hover img, #navigation a.active img {
	display: none;
}
#navigation a:hover span, #navigation a:hover span img, #navigation a.active span, #navigation a.active span img {
	display: inline;
}
#intro {
	margin-top: 14px;
	width: 920px;
	height: 171px;
	background: #0C1117 url('images/main_area.jpg') no-repeat;
	padding: 0 8px;
}
#intro div {
	float: left;
	width: 274px;
	padding: 56px 16px 0;
	line-height: 22px;
	font-size: 12px;
}
#intro span.share {
	float: left;
	margin: -6px 8px 0;
	width: 55px;
	height: 50px;
	background: transparent url('images/share_icon.png') no-repeat;
}
#intro span.host {
	float: left;
	margin: -6px 8px 0;
	width: 55px;
	height: 50px;
	background: transparent url('images/host_icon.png') no-repeat;
}
#intro span.register {
	float: left;
	margin: -6px 8px 0;
	width: 55px;
	height: 50px;
	background: transparent url('images/register_icon.png') no-repeat;
}
#top_links {
	FONT-SIZE: 10px;
	RIGHT: 30px;
	COLOR: #5db6ee;
	POSITION: absolute;
	TOP: 30px;
}
#top_links A {
	FONT-SIZE: 10px;
	COLOR: #5db6ee;
	TEXT-DECORATION: none;
}
#top_links A:hover {
	TEXT-DECORATION: underline;
}
#content {
	background: #FFFFFF url('images/body_gradient.jpg') repeat-x;
	padding: 20px 0;
}
/***** UploadBox ******/
#UploadContainer {
	padding: 1px;
	border: 1px solid #a9a9a9;
	width: 905px;
}
#uploadBox {
	background: #284a63 url(images/fileBg.png) repeat-x scroll 0 0;
	padding-top: 30px;
	color: #fff;
	min-height: 240px;
}
#UploadContainer a {
	color: #fff;
	text-decoration: none;
}
#UploadContainer a:hover {
	text-decoration: underline;
}
.selectors {
	margin-right: 132px;
	text-align: right;
}
#addlink {
	background: url(images/add.png) no-repeat;
	padding-left: 17px;
}
#emailtxt {
	background: url(images/mail.png) no-repeat scroll left center;
	padding-left: 17px;
}
#divinputfile {
	background: url(images/imgSprite.png) no-repeat;
	height: 26px;
	width: 464px;
	cursor: pointer;
	margin-bottom: 10px;
	background-position: 0 -15px;
}
#divinputfile .filepc {
	opacity: 0.0;
	-moz-opacity: 0.0;
	filter: alpha(opacity=00);
	font-size: 18px;
	margin-left: 60px;
	width: 404px;
}
#divinputfile .textinput {
	opacity: 0.0;
	-moz-opacity: 0.0;
	filter: alpha(opacity=00);
	font-size: 18px;
	margin-left: 60px;
	width: 404px;
}
#divinputfile .warn {
	opacity: 0.0;
	-moz-opacity: 0.0;
	filter: alpha(opacity=00);
	font-size: 18px;
}
#fakeinputfile {
	margin: -28px 0 0 0;
}
#fakeinputfile #fakefilepc {
	background: transparent none repeat scroll 0 0;
	border: 0 none;
	margin: 3px 0 0 55px;
	width: 340px;
}
#opLink {
	margin: 6px 6px 6px 8px;
	position: absolute;
}
#divinputfile a {
	color: #224357 !important;
	text-decoration: none;
}
#divinputfile:hover {
	background-position: 0 -56px;
}
.upload2 {
	background: transparent url(images/imgSprite.png) no-repeat scroll 0 0;
	border: medium none;
	height: 26px;
	padding: 5px 15px 5px 55px;
	width: 400px;
	background-position: 0 -179px;
}
#up2con a {
	color: #224357 !important;
	text-decoration: none;
}
#upBtn {
	background: transparent url(images/imgSprite.png) no-repeat;
	width: 57px;
	height: 26px;
	float: right;
	margin-right: 15px;
	margin-top: -68px;
	border: medium none;
	position: inherit;
	background-position: 0 -97px;
}
#upBtn:hover {
	background-position: 0 -138px;
}
#xtra {
	background: transparent url(images/xtra.png) no-repeat scroll right bottom;
}
#infoBlock {
	background: transparent url(images/textBg.png) no-repeat 0 bottom;
	font-size: 13px;
	padding-bottom: 9px;
}
/*

#upload {

	background: #FFFFFF url('images/mid.jpg') repeat-y;

}

#uploadTop {

	height: 106px;

	background: #FFFFFF url('images/top.jpg') no-repeat;

}

#uploadBottom {

	height: 44px;

	background: #FFFFFF url('images/footer.jpg') no-repeat;

}



#upload .formupload {

	margin: 0 73px;

	height: 43px;

	background: transparent url('images/browse.jpg') no-repeat scroll right top;

	text-align: right;

}

#upload .realfile {

	height: 39px;

}

#upload .realfile input {

	position: relative;

	z-index: 2;

	border: 0;

	opacity: 0;

	filter: alpha(opacity = 0);

	width: 477px;

	height: 38px;

	cursor: default;

	font-size: 72px;

	text-align: right;

}

#upload .fauxfile {

	margin: -34px 0 0 0;

	padding: 0 148px 0 0;

}

#upload .fauxfile div {

	float: right;

	border: 1px solid #D1DFE6;

	width: 266px;

	height: 16px;

	background: #FFFFFF;

	padding: 7px 14px;

	overflow: hidden;

	white-space: nowrap;

	text-align: left;

}



#upload .controls {

	float: right;

	width: 210px;

	text-align: left;

}

#upload .uploadtypes {

	float: right;

	width: 600px;

	padding: 0 20px;

	text-align: right;

}



*/
.notice {
	margin: 0 auto 20px;
	border: 1px solid #B4DA9C;
	width: 860px;
	background: #C5E2B4;
	padding: 12px;
	font-size: 14px;
	color: #647161;
	text-align: center;
}
.notice a:link, .notice a:active, .notice a:visited, .notice a:hover {
	color: #647161;
}
.notice span {
	font-size: 17px;
	font-weight: bold;
}
#footerad {
	height: 97px;
	background: #1A2730;
	padding: 16px 0;
}
#footer {
	height: 17px;
	background: #000000;
	padding: 14px 0;
	font-size: 13px;
	color: #D8DDE0;
	text-align: center;
}
#footer a {
	color: #D8DDE0;
}
headerbg {
	background-image: url(../images/header_bg.gif) repeat-y left bottom;
}
#menu {
	width: auto;
	padding: 0;
	margin: 0 auto;
	list-style-type: none;
}
#menu a {
	display: block;
	background-color: #FFFFFF;
	background-image: url(images/nav_bg1.gif);
	background-repeat: repeat-x;
	background-position: left top;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	font-family: "arial",Verdana,Sans-Serif;
	padding: 6px 0;
	text-decoration: none;
	float: left;
}
#menu a:hover {
	color: #fff;
	background-color: #FFFFFF;
	background: url(images/nav_over1.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#menu a:active {
	color: #404040;
	background: #5db6ee;
}
.tableborder {
	BORDER-RIGHT: #dde5e8 1px solid;
	BORDER-TOP: #dde5e8 1px solid;
	BACKGROUND: url(images/line.gif) #fefffd repeat-x 100% bottom;
	BORDER-LEFT: #dde5e8 1px solid;
	COLOR: #000;
	BORDER-BOTTOM: #dde5e8 1px solid;
}
.textinput {
	BORDER-RIGHT: #D1DFE6 1px solid;
	PADDING-RIGHT: 2px;
	BORDER-TOP: #D1DFE6 1px solid;
	PADDING-LEFT: 1px;
	FONT-SIZE: 11px;
	PADDING-BOTTOM: 2px;
	BORDER-LEFT: #D1DFE6 1px solid;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #D1DFE6 1px solid;
	HEIGHT: 14px;
}
.fileinput {
	BORDER-RIGHT: #D1DFE6 1px solid;
	PADDING-RIGHT: 2px;
	BORDER-TOP: #D1DFE6 1px solid;
	PADDING-LEFT: 1px;
	FONT-SIZE: 11px;
	PADDING-BOTTOM: 2px;
	BORDER-LEFT: #D1DFE6 1px solid;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #D1DFE6 1px solid;
	HEIGHT: 19px;
}
.select {
	BORDER-RIGHT: #53a6da 1px solid;
	PADDING-RIGHT: 1px;
	BORDER-TOP: #53a6da 1px solid;
	PADDING-LEFT: 1px;
	FONT-SIZE: 11px;
	PADDING-BOTTOM: 1px;
	BORDER-LEFT: #53a6da 1px solid;
	PADDING-TOP: 1px;
	BORDER-BOTTOM: #53a6da 1px solid;
}
.textarea {
	BORDER-RIGHT: #D1DFE6 1px solid;
	PADDING-RIGHT: 2px;
	BORDER-TOP: #D1DFE6 1px solid;
	PADDING-LEFT: 1px;
	FONT-SIZE: 11px;
	PADDING-BOTTOM: 2px;
	BORDER-LEFT: #D1DFE6 1px solid;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #D1DFE6 1px solid;
	FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#btn_register {
	DISPLAY: block;
	PADDING-LEFT: 10px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	BACKGROUND: url(images/btn_register.jpg) no-repeat left top;
	MARGIN: 5px;
	WIDTH: 255px;
	PADDING-TOP: 5px;
	HEIGHT: 23px;
	TEXT-ALIGN: left;
}
.submit {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	BACKGROUND: url(../images/hostit.gif) no-repeat center 50%;
	WIDTH: 104px;
	COLOR: #fff;
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	HEIGHT: 28px;
	BORDER-BOTTOM-STYLE: none;
}
.button {
	background: #2E5A7A url(images/button.gif);
	color: #E5EFF6;
	font: 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border: 0px;
}
FORM {
	MARGIN: 0px;
}
.error {
	BORDER-RIGHT: #ff0000 1px solid;
	BORDER-TOP: #ff0000 1px solid;
	BACKGROUND: url(images/line.gif) #fefffd repeat-x 100% bottom;
	BORDER-LEFT: #ff0000 1px solid;
	COLOR: #ff0000;
	BORDER-BOTTOM: #ff0000 1px solid;
}
A:link {
	COLOR: #224357;
	TEXT-DECORATION: none;
}
A:active {
	COLOR: #224357;
	TEXT-DECORATION: none;
}
A:visited {
	COLOR: #224357;
	TEXT-DECORATION: none;
}
A:hover {
	COLOR: #53a6da;
	TEXT-DECORATION: underline;
}
.headline {
	BACKGROUND: url(images/headline.gif) #21455B repeat-x left top;
	FONT: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	COLOR: #ffffff;
}
.rightheadline {
	BACKGROUND: url(images/rightheadeline.gif) #21455B repeat-x left top;
	FONT: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	COLOR: #ffffff;
}
.headline2 {
	display: none;
	BACKGROUND: url(images/uploadheader.gif) #21455B repeat-x left top;
	FONT: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	COLOR: #ffffff;
}
.rightheadline2 {
	display: none;
	BACKGROUND: url(images/leftheader.gif) #21455B repeat-x left top;
	FONT: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	COLOR: #ffffff;
}
.headrow {
	BACKGROUND: url(images/rightheadeline.gif) #21455B repeat-x left top;
	FONT: bold 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	COLOR: #ffffff;
}
.titlerow {
	display: none;
	BACKGROUND: url(images/headline.gif) #21455B repeat-x left top;
	FONT: bold 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	COLOR: #ffffff;
}
.headrow A:link {
	COLOR: #ffffff;
	TEXT-DECORATION: none;
}
.headrow A:visited {
	COLOR: #ffffff;
	TEXT-DECORATION: none;
}
.headrow A:hover {
	COLOR: #d0f4ff;
	TEXT-DECORATION: underline;
}
.warn {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #ff0000;
}
.warn A:link {
	COLOR: #ff0000;
}
.warn A:visited {
	COLOR: #ff0000;
}
.warn A:hover {
	COLOR: #ff0000;
}
.warn A:active {
	COLOR: #ff0000;
}
.progOutter {
	border: 1px solid black;
	height: 21px;
	background-color: #a9a9a9;
	overflow: hidden;
	width: 769px;
}
.progInner {
	color: black;
	background: transparent url(images/prog.gif) repeat-x;
	font-size: 14px;
	padding-top: 2px;
	padding-left: 5px;
}
.editable {
	FONT-SIZE: 12px;
	WIDTH: 500px;
	FONT-FAMILY: verdana;
	BACKGROUND-COLOR: #ffb900;
	text-margin: 5px;
	align: center;
}
edit_text {
	FONT-SIZE: 12px;
	WIDTH: 500px;
	FONT-FAMILY: verdana;
	BACKGROUND-COLOR: #ffb900;
	text-margin: 5px;
	align: center;
}
edit_text {
	FONT-SIZE: 100%;
	WIDTH: 95%;
}
IMG.progress {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 0px;
	VERTICAL-ALIGN: middle;
	PADDING-TOP: 0px;
}
.showText {
	FONT-SIZE: 12px;
	WIDTH: 200px;
	FONT-FAMILY: verdana;
	text-margin: 5px;
	align: center;
}
/** sponser Ad */
#sponsorAdDiv {
	position: absolute;
	height: 1;
	width: 1px;
	top: 0;
	left: 0;
}
/** hint box  */
#hintbox {
	/*CSS for pop up hint box */

position: absolute;
	top: 0;
	background-color: lightblue;
	width: 150px; /*Default width of hint.*/;
	padding: 3px;
	border: 1px solid black;
	font: normal 11px Verdana;
	line-height: 18px;
	z-index: 100;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
	visibility: hidden;
}
.hintanchor {
	/*CSS for link that shows hint onmouseover*/

font-weight: bold;
	color: navy;
	margin: 1px 1px;
	cursor: help;
}
