﻿/************************************

This template is designed by Shishant Todi
For any queries contact at
Email: todi.shishant@gmail.com

************************************/


html, body, #bodyContainer { height: 100%; }
body > #bodyContainer { height: auto; min-height: 100%; }

body {
	font-family:Trebuchet MS, Helvetica, Verdana, Arial, Geneva, sans-serif;
	margin:0;
	padding:0;
	border: 0;
	color:#303030;
	background:#488a9c url('images/blue_bg.png') repeat-x 0 65px;
}



/***** headings *****/
h1, h2, h3, h4, h5, h6, .nav {
	font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
	color:#333;
}
h1 {
	font-size:24px;
	line-height:1.5em;
	color:#fff;
	letter-spacing:-1px;
	font-weight:normal;
}
h2 {
	color:#fff;
	font-size:40px;
	line-height:1.5em;
}


/***** links *****/
a, .container a, .container a:link {
	text-decoration:none;
	color:#165d70;
}
a:visited, .container a:visited {
	color:#165d70;
	text-decoration:none;
}
a:hover, .container a:hover {
	color:#2bb2c2;
	text-decoration:underline;
}


/***** header *****/

#header{
	background: black;
	padding:5px 0;
}

#header h1 {
	height:54px;
	line-height:54px;
	float:left;
	color: white;
}

#header h1 a:link, .header h1 a:visited, .header h1 a:active, .header h1 a:hover {
	color: white;
	text-decoration:none;
}

#logo {
	margin-left:20px;
	position:relative;
	background:url(images/logo.png) no-repeat scroll 0 0;
	border:medium none;
	display:block;
	height:58px;
	overflow:hidden;
	text-indent:-900%;
	width:268px;
}

/***** Navigation *****/

#nav {
	font-size:18px;
	float:right;
	padding-right:10px;
	text-transform:lowercase;
}

#nav ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
#nav li {
	display:block;
	float:left;
	background:none;
	padding-left:5px;
}

#nav a {
	color: silver;
	padding-right:10px;
}
#nav a:visited {
	color: silver;
}
#nav a:hover {
	color: white;
	text-decoration:none;
}
#nav .current a {
	color: #2bb2c2;
	display:block;
}

#nav a:active {
	color: #2bb2c2;
	display:block;
}

/***** Login Box *****/

.inputBox {
	background:transparent url(images/inputBox.gif) repeat-x scroll center bottom;
	border:medium none;
	font-size:16px;
	height:21px;
	color:silver;
}

#logindiv a{
	 color:#2bb2c2;
}

#logindiv a:hover{
	 color:white;
}

#logindiv {
	 background:black;
	 color:silver; 
	 text-transform:lowercase;
	 border-top:1px dashed silver;
	 vertical-align:middle;
	 height:40px;
}

/***** Container *****/

#container {
	padding-bottom:70px;	
}

/***** Box *****/

#box {
	display: block;
	margin: 24px;
	padding: 32px;
	text-align:center;
}



/***** Selector Radio Buttons *****/

#selector {
	background:url(images/inSprite.png) no-repeat scroll 0 -194px;
	height:29px;
	margin:0 auto;
	padding:0 0 30px 0;
	width:900px;

}

#selecSub {
	display:table;	
	margin:0 auto;
	max-width:460px;
}

.buttonDiv{
	background: url(images/inSprite.png) no-repeat;
	background-position:0 -30px;
	position:relative;
	height:29px;
	width:115px;
	padding:5px 0 0 0;
	margin-left:-4px;
	text-align:center;
	font-weight:bold;
	color:#6a7072;
	cursor:pointer;
	float:left;
}

#btnTxt, .btnTxt {
	padding-top:5px;
}


/***** Box-Upload *****/

#upBox {
	margin:20px 0;
}

#actionlink {
	float: right; 
	font-size: 16px;
	padding-bottom:10px;
}

#actionlink a {
	color: #333;
}

#upTxt {
	color:#333;
	font-size:18px;
	padding:20px 0;
	text-transform:lowercase;
}

.radiobtn {
	opacity: 0;
	filter: alpha(opacity = 0);
	position:absolute;
	border:0;
	left:-99%;
}

.upBox {
	width:520px; 
	margin:0 auto;
}

#submitBtn {
	background: url(images/inSprite.png) no-repeat scroll 0 -253px;
	width:107px;
	height:45px;
	border:0;
	margin:20px auto;
	text-align:center;
	cursor:pointer;
}

#submitBtn:hover {
	background-position:0 -328px;
}

.optionsTable {
	width:530px;
	margin-left:-3px;
	padding:5px 0 30px 0;
}

.txtinput {
	width:245px;
	border:2px solid #a9a9a9;
}

#emailwindow {
	margin:0 auto;
	width:530px;
}

.uploadinfo {
	background: url(images/opSprite.png) no-repeat scroll -24px -376px;
	padding-left:53px;
	height:48px;
}

.uploaderror{
	background: url(images/opSprite.png) no-repeat scroll -24px -24px;
	padding-left:58px;
	height:48px;
	text-align:left;
}

#uploadmode2 .warn {
	color:red;
}

#uploadmode3 .warn {
	color:red;
}

/***** Sponser Ad  *****/
#sponsorAdDiv {position:absolute; height:1; width:1px; top:0; left:0; z-index:3;}

/***** Download Results *****/

#uploadoverview{
	height:48px;
	background: url(images/opSprite.png) no-repeat scroll -24px -120px;
	width:360px;
	margin:0 auto;	
}

.dlresult {
	background:transparent url(images/textBg.gif) repeat-x scroll center bottom;
	border:medium none;
	font-size:16px;
	height:21px;
}

#downloadhref {
	height:32px;
	width:190px;
	background: url(images/opSprite.png) no-repeat scroll -24px -216px;
	display:inline-table;
	padding:3px 0 0 30px;
}

#filedelhref{
	height:32px;
	width:190px;
	background: url(images/opSprite.png) no-repeat scroll -24px -296px;
	display:inline-table;
	padding:5px 0 0 30px;
}

#uploadresults h1{
	margin:16px 0;
}



/***** Progress Bar *****/

.progOutter {
	background:url(images/progOutter.png) no-repeat 0 0;
	overflow:hidden;
	height:49px;
	width:745px;
	padding:14px 0 0 14px;
}

.progInner {
	background:transparent url(images/progInner.png) no-repeat scroll 0 0;
	color:#333333;
	height:21px;
	overflow:hidden;
	padding-left:5px;
}


/***** Content *****/

#content {
	margin:0 auto;
	padding:10px 50px 100px 50px;
}

#content h1 {
	color:#333;
	margin:16px 0;
}

#content a:hover {
	color:#f0f8ff;
	text-decoration:none;
}

#content abbr{
	border-bottom:none;
}

#servicetable {
	border-top:1px dashed black;
	border-right:1px dashed black;
}

#servicetable td {
	border-bottom:1px dashed black;
	border-left:1px dashed black;

}

#servicetable tr:hover {
	background-color:#f0f8ff;
}

#dlhist tr:hover {
	background-color: #f0f8ff;
}

.dlhist tr:hover {
	background-color: #a9a9a9;
}

.input_text1 {
	width:350px;
	background:transparent url(images/textBg.gif) repeat-x scroll center bottom;
	border:medium none;
	font-size:16px;
	height:20px;
	padding-left:2px;
}

.input_text2 {
	width:300px;
	background:transparent url(images/textBg.gif) repeat-x scroll center bottom;
	border:medium none;
	font-size:16px;
	height:20px;
	padding-left:2px;
}

.input_textarea {
	width:300px;
	background:transparent url(images/textareaBg.gif) repeat-x scroll center top;
	border:medium none;
	font-size:16px;
	padding-left:2px;
	overflow-y:hidden;
}

.button {
	background:transparent url(images/opSprite.png) repeat-x scroll -24px -472px;
	border:medium none;
	width:116px;
	height:35px;
	cursor:pointer;
}

.button:hover {
	background-position: -24px -555px;
}

/***** Account Area *****/
#links h1 {
	margin-bottom:0;
}

.memtable {
	padding-top:40px;
}

.memtable td{
	border-bottom:1px dashed black;
}

.editable {
	border-bottom:1px dotted black;
}

.editable:hover {
	background-color:#f0f8ff;
}


.delbtn{
	height:32px;
	width:32px;
	background: url(images/opSprite.png) no-repeat scroll -24px -296px;
	display:inline-table;
	vertical-align:top;
	margin-left:8px;
}

.thmbBtn {
	height:32px;
	width:32px;
	background: url(images/opSprite.png) no-repeat scroll -24px -638px;
	display:inline-table;
	vertical-align:top;

}

.info {
	background: url(images/opSprite.png) no-repeat scroll -24px -1198px;
	padding-left:40px;
	height:32px;
}

.reward {
	background: url(images/opSprite.png) no-repeat scroll -24px -1278px;
	padding-left:40px;
	height:32px;
}

.dlhistory {
	background: url(images/opSprite.png) no-repeat scroll -24px -878px;
	padding-left:40px;
	height:32px;
}

.point {
	background: url(images/opSprite.png) no-repeat scroll -24px -1358px;
	padding-left:40px;
	height:32px;
}

.overview {
	background: url(images/opSprite.png) no-repeat scroll -24px -1118px;
	padding-left:40px;
	height:32px;
}

.upgrade {
	background: url(images/opSprite.png) no-repeat scroll -24px -1438px;
	padding-left:40px;
	height:32px;
}

.folders {
	background: url(images/opSprite.png) no-repeat scroll -24px -1038px;
	padding-left:40px;
	height:32px;
}

.addfold {
	background: url(images/opSprite.png) no-repeat scroll -24px -798px;
	padding-left:40px;
	height:32px;
}

.addfiles {
	background: url(images/opSprite.png) no-repeat scroll -24px -718px;
	padding-left:40px;
	height:32px;
}


.id {
	background: url(images/opSprite.png) no-repeat scroll -24px -1518px;
	padding-left:40px;
	height:32px;
}

.contact {
	background: url(images/opSprite.png) no-repeat scroll -24px -1598px;
	padding-left:40px;
	height:32px;
}

.report {
	background: url(images/opSprite.png) no-repeat scroll -24px -1678px;
	padding-left:40px;
	height:32px;
}

.sent {
	background: url(images/opSprite.png) no-repeat scroll -24px -1758px;
	padding-left:40px;
	height:32px;
}


.register {
	background: url(images/opSprite.png) no-repeat scroll -24px -1838px;
	padding-left:40px;
	height:32px;
}


/***** Footer *****/

#footer {
	clear: both;
	position: relative;
	z-index: 10;
	height: 3em;
	margin-top: -70px;
}
#foot {
	background:url(images/inSprite.png) no-repeat scroll 0 -88px;
	padding-top:40px;
	font-size:12px;
	padding-bottom:10px;
	text-align:center;
	width:900px;
	margin:0 auto;
}



