html,
body
{
	height: 100%; behavior: url("csshover3.htc");
}

html
{
	background: #eeeeee url('../Images/Layout/Background.jpg') 0 150px repeat-x;
}

body,
input,
textarea
{
	font: 12px Arial, sans-serif; color: #333333;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* MISCELLANEOUS
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

::selection
{
	color: #2d2d2d; background: #00aeff;
}

::-moz-selection
{
	color: #2d2d2d; background: #00aeff;
}

.Clearfix:after
{ 
	content: " "; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;
}

.Clearfix
{
	zoom: 1;
}

.Clearfix
{
    display: inline-block;
}

.Clearfix
{
    display: block;
}

* html .Clearfix
{
    height: 1px;
}

span.Amp
{
  	font-family: Baskerville, Palatino, "Book Antiqua", serif; font-style: italic; font-weight: normal !important;
}

div.Wrapper
{
	width: 960px; padding: 0 10px; margin: 0 auto; position: relative;
}

hr
{
	border-top: #ccc 1px solid; border-bottom: #fff 1px solid; margin: 1em 0; clear: both;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* HEADER
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div#Header
{
	background: #000000 url('../Images/Layout/Header.jpg') center center no-repeat; height: 150px; margin-bottom: 20px;
}

div#Header div.Wrapper
{
	height: 150px;
}

div#Header h1 a
{
	position: absolute; top: 20px; left: 10px; width: 503px; height: 63px; display: block; text-indent: -999em; background: url('../Images/Layout/Logo.png') 0 0 no-repeat;
}

div#Header p.Strapline
{
	position: absolute; top: 30px; right: 10px; width: 321px; height: 56px; display: block; text-indent: -999em; background: url('../Images/Layout/Strapline.png') 0 0 no-repeat;
}

div#Header ul
{
	position: absolute; bottom: 0; left: 10px; list-style: none; margin: 0; width: 960px;
}

div#Header ul li
{
	float: left; margin: 0 2px 0 0; font-size: 12px; text-transform: uppercase;
}

div#Header ul li a
{
	display: block; padding: 0 10px 0 42px; line-height: 36px; text-decoration: none; font-weight: bold; color: #ffffff; text-shadow: #000000 1px 1px 1px; border-top-left-radius: 6px; border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px;
}

div#Header ul li.Home a
{
	background: #333 url('../Images/Layout/MenuHome.png') 10px center no-repeat;
}

div#Header ul li.Browse a
{
	background: #333 url('../Images/Layout/MenuBrowse.png') 10px center no-repeat;
}

div#Header ul li.Subs a
{
	background: #333 url('../Images/Layout/MenuSubs.png') 10px center no-repeat;
}

div#Header ul li.Login a
{
	background: #333 url('../Images/Layout/MenuLogin.png') 10px center no-repeat;
}

div#Header ul li.Contact a
{
	background: #333 url('../Images/Layout/MenuContact.png') 10px center no-repeat;
}

div#Header ul li.ImportUser a
{
	background: #333 url('../Images/Layout/MenuLogin.png') 10px center no-repeat;
}

div#Header ul li.EditUser a
{
	background: #333 url('../Images/Layout/MenuLogin.png') 10px center no-repeat;
}

div#Header ul li.EditSubscription a
{
	background: #333 url('../Images/Layout/MenuLogin.png') 10px center no-repeat;
}

div#Header ul li.Selected a
{
	background-color: #cccccc !important; color: #000000 !important; text-shadow: #ffffff 1px 1px 1px;
}

div#Header ul li a:hover
{
	background-color: #444; color: #fff;
}

div#Header ul li.Free-Downloads
{
	float: right; margin: 0;
}

div#Header ul li.Free-Downloads a
{
	background: orange url('../Images/Layout/MenuFree.png') 10px center no-repeat; color: #000000; text-shadow: orange 1px 1px 1px;
}

div#Header ul li.Free-Downloads a:hover
{
	background-color: orange; color: #000000;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* FOOTER
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div#Footer
{
	border-top: #333333 10px solid; padding: 18px 0 58px 0; margin: 20px 0 0px 0;
}

div#Footer p
{
	float: left; color: #666; font-size: 12px;
}

div#Footer p a:link,
div#Footer p a:visited,
div#Footer p a:hover { color: #666; }

div#Footer ul.Footer-Links
{
	float: right; list-style: none; margin: 0 -10px 0 0; font-size: 12px;
}

div#Footer ul.Footer-Links li
{
	float: left;
}

div#Footer ul.Footer-Links li a
{
	color: #666; text-decoration: none; margin: 0 10px;
}

div#Footer ul.Footer-Links li a:hover
{
	color: #eeeeee; background: #666;
}

div#Footer ul.Footer-Links li:before
{
	content: "|"; color: #999;
}

div#Footer ul.Footer-Links li:first-child:before
{
	content: "";
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* PANELS
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.Left-Side
{
	float: left; width: 648px;
}

div.Right-Side
{
	float: right; width: 288px;
}

div.Panel
{
	background: #ffffff; border: #cccccc 1px solid; padding: 5px; margin: 20px 0;
}

div.Panel h2
{
	background: #000000 url('../Images/Layout/Header.jpg') left center repeat-x; padding: 10px; color: #ffffff; font-size: 16px; position: relative; text-shadow: #000000 1px 1px 1px;
}

div.Panel h2 a
{
	color: #ffffff; text-decoration: underline;
}

div.Panel span.Icon
{
	width: 64px; height: 64px; position: absolute; right: -24px; bottom: -12px;
}

div.Panel span.Icon.Folder
{
	background: url('../Images/Layout/Folder.png') 0 0 no-repeat; position: absolute; right: -24px; bottom: -12px;
}

div.Panel span.Icon.Lock
{
	background: url('../Images/Layout/Lock.png') 0 0 no-repeat; position: absolute; right: -24px; bottom: -10px;
}

div.Panel span.Icon.Install
{
	background: url('../Images/Layout/Install.png') 0 0 no-repeat; position: absolute; right: -24px; bottom: -8px;
}

div.Panel span.Icon.ImportUser
{
	background: url('../Images/Layout/ImportUser.png') 0 0 no-repeat; position: absolute; right: -10px; bottom: -7px;
}

div.Panel span.Icon.EditUser
{
	background: url('../Images/Layout/EditUser.png') 0 0 no-repeat; position: absolute; right: -10px; bottom: -7px;
}

div.Panel span.Icon.UserList
{
	background: url('../Images/Layout/UserList.png') 0 0 no-repeat; position: absolute; right: -10px; bottom: -7px;
}

div.Panel span.Icon.EditPassword
{
	background: url('../Images/Layout/EditPassword.png') 0 0 no-repeat; position: absolute; right: -10px; bottom: -7px;
}

div.Panel-Inner
{
	background: #eeeeee; border: #dddddd 1px solid; padding: 18px 10px;
}

div.Panel-InnerSub
{
	background: #eeeeee; border: #dddddd 1px solid; padding: 18px 10px 0 10px;
}

div.Sidebar.Panel
{
	padding: 10px;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* INTRO PANEL
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

input.SearchField
{
	width: 348px; height: 20px; background: url('../Images/Layout/SearchField.png') 0 0 no-repeat; border: none; padding: 0px; margin: 0; line-height: 12px; padding: 6px 10px;
}

ul.Stats
{
	margin: 0; list-style: none; float: right;
}

ul.Stats li
{
	padding: 0 0 0 24px; line-height: 18px; float: left; margin: 0 0 0 24px;
}

ul.Stats li.Files
{
	background: url('../Images/Icons/Mini/PNG/folder_go.png') left center no-repeat;
}

ul.Stats li.Size
{
	background: url('../Images/Icons/Mini/PNG/database.png') left center no-repeat;
}

ul.Stats li.Downloads
{
	background: url('../Images/Icons/Mini/PNG/calendar.png') left center no-repeat;
}

div.Intro p
{
	font-size: 12px; margin: 0 0 20px 0;
}

p.AdminMenu 
{
 	margin: 5px; padding: 0px 0px 0px 20px; background: url('../Images/Icons/Mini/PNG/application_side_list.png') left center no-repeat; color:#000000; text-decoration:underline;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* DOWNLOAD LIST (Been replaced with Tables)
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

/*ul.Download-List
{
	margin: 0; list-style: none; line-height: 32px;
}

ul.Download-List li
{
	border-top: #999999 1px dashed; zoom: 1;
}

ul.Download-List li:first-child
{
	border-top: none;
}

ul.Download-List li:hover
{
	background: #dddddd;
}

ul.Download-List li:after
{
	content: " "; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;
}

ul.Download-List li span {
	display: block;
}

ul.Download-List li span.Title {
	background: url('../Images/Icons/Mini/PNG/folder_go.png') left center no-repeat; padding: 0 0 0 24px; font-weight: normal; float: left; width: 300px; _width: 280px; height: 32px; font-size: 12px; margin: 0 10px 0 10px; font-weight: bold; overflow: hidden; text-overflow: ellipsis;
}

ul.Download-List li span.Date {
	background: url('../Images/Icons/Mini/PNG/calendar.png') left center no-repeat; padding: 0 0 0 24px; float: left; width: 80px; height: 32px; font-size: 12px; margin: 0 10px 0 0; 
}

ul.Download-List li span.Size {
	background: url('../Images/Icons/Mini/PNG/database.png') left center no-repeat; padding: 0 0 0 24px; float: left; width: 50px; height: 32px; font-size: 12px; margin: 0 10px 0 0; 
}

ul.Download-List li span.Downloads {
	background: url('../Images/Icons/Mini/PNG/database_go.png') left center no-repeat; padding: 0 0 0 24px; float: right; width: 30px; height: 32px; font-size: 12px; margin: 0 0px 0 0; 
}

ul.Download-List li a
{
	color: #333333; text-decoration: none;
}

ul.Download-List li a:hover
{
	background-color: #333333; color: #ffffff;
}*/


table.Download-List
{
	width: 100%; border-collapse:collapse;
}

table.Download-List tr td
{
	border-top: #999999 1px dashed;
}

table.Download-List tr:first-child td
{
	border-top: none;
}

table.Download-List tr:hover
{
	background: #dddddd;
}

table.Download-List tr td
{
	padding: 10px 10px;
}

table.Download-List tr td span {
	display: block;
}

table.Download-List tr td.Title {
	background: url('../Images/Icons/Mini/PNG/folder_go.png') 10px center no-repeat; padding-left: 34px; font-weight: normal; font-size: 11px; font-weight: bold;
}

table.Download-List tr td.Date {
	background: url('../Images/Icons/Mini/PNG/calendar.png') 10px center no-repeat; padding-left: 34px; font-size: 11px; 
}

table.Download-List tr td.Size {
	background: url('../Images/Icons/Mini/PNG/database.png') 10px center no-repeat; padding-left: 34px; font-size: 11px;
}

table.Download-List tr td.Downloads {
	background: url('../Images/Icons/Mini/PNG/database_go.png') 10px center no-repeat; padding-left: 34px; font-size: 11px;
}

table.Download-List tr td a
{
	color: #333333; text-decoration: none;
}

table.Download-List tr td a:hover
{
	background-color: #333333; color: #ffffff;
}

p.BrowseAll
{
	margin: 0px 0 0 0px; border-top: #999999 1px dashed; padding: 10px 0 0 10px; text-align: right;
}

p.BrowseAll a
{
	color: #333333; text-decoration: none;
}

div.Downloads.Panel
{
	margin-top: 30px;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* SUBS
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

ul.Subs
{
	margin: 0; list-style: none;
}

ul.Subs li
{
}

ul.Subs li.Sub input
{
	margin: 0 0 10px 0; display: block;
}

div.Sidebar a.FoneFunShop
{
	width: 265px; height: 53px; display: block; text-indent: -999em; background: url('../Images/Layout/FoneFunShop.png') 0 0 no-repeat;
}

div.Sidebar a.Bookmark
{
	color: #333333; font-weight: bold; background: url('../Images/Icons/Mini/PNG/book_open.png') left center no-repeat; padding: 0 0 0 24px;
}

div.Sidebar a.Bookmark:hover
{
	color: #000000;
}

h3.SubsTitle
{
	font-size: 16px; margin-bottom: 10px;
}

h3.AdminTitle
{
	font-size: 16px; margin: 5px 0 5px 0;
}


/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* LOGIN PANEL
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/


input.UsernameField
{
	width: 213px; height: 20px; background: url('../Images/Layout/UsernameField.png') 0 0 no-repeat; border: none; padding: 0px; margin: 0 0 10px 0; line-height: 20px; padding: 6px 10px 6px 30px;
}

input.PasswordField
{
	width: 213px; height: 20px; background: url('../Images/Layout/PasswordField.png') 0 0 no-repeat; border: none; padding: 0px; margin: 0 0 10px 0; line-height: 20px; padding: 6px 10px 6px 30px;
}

input.Submit
{
	background: #333333; padding: 0px 10px; height: 32px; color: #fff; border: none; margin: 0; cursor: pointer; font-weight: bold; font-size: 14px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
}

input.Submit:hover
{
	background: #444444;
}

div.Login p.LoginButton
{
	margin: 0px 0 0 0; float: left; list-style: none;
}

div.Login ul.LoginLinks
{
	margin: 0px 0 0 0; float: right; list-style: none;
}

div.Login ul.LoginLinks li a
{
	color: #333333; text-decoration: none;
}

div.Login p a
{
	color: #333333; text-decoration: underline;
}

div.Login p a:hover
{
	color: #000000;
}

div.Login p.Placeholder
{
	position: relative;
}

div.Login label
{
	display: none;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* MESSAGES
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.Error,
div.Warning,
div.Info,
div.Success
{
	padding: 10px 10px 10px 44px; margin: 10px 0px 20px;
}

div.Error p,
div.Warning p,
div.Info p,
div.Success p
{
	font-size: 12px; font-weight: bold; margin: 0;
}

div.Error
{
	color: #CC0000; border: 1px solid #E47676; background: #FAE5E5 url('../Images/Icons/MessageBox/Critical.gif') no-repeat scroll 10px 50%;
}

div.Warning
{
	color: #CC6600; border: 1px solid #FFCC00; background: #FFFFCC url('../Images/Icons/MessageBox/Warning.gif') no-repeat scroll 10px 50%;
}

div.Info
{
	color: #003366; border: 1px solid #76AEE7; background: #E5EFFA url('../Images/Icons/MessageBox/Info.gif') no-repeat scroll 10px 50%;
}

div.Success
{
	color: #006600; border: 1px solid #6DC56D; background: #D9F0D9 url('../Images/Icons/MessageBox/Tick.gif') no-repeat scroll 10px 50%;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* MISCELLANEOUS
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.Breadcrumbs p
{
	font-size: 12px; margin: 0; color: #666666; float: left; line-height: 18px;
}

div.Breadcrumbs p a
{
	color: #666666; text-decoration: underline;
}

div.Breadcrumbs p a:hover
{
	color: #333333;
}

div.Breadcrumbs p b
{
	color: #333333;
}

div.Groups
{

}

div.Groups ul
{
	margin: 0; list-style: none;
}

div.Groups ul li h3
{
	font-size: 14px; margin-bottom: 10px;
}

div.Groups ul li p
{
	font-size: 12px; color: #666666; font-style: italic;
}

div.Groups ul li a
{
	margin-bottom: 10px; padding: 20px 10px 20px 84px; border: #dddddd 1px solid; background: #ffffff url('../Images/Layout/Install.png') 10px center no-repeat;
}

div.Groups ul li a
{
	color: #333333; display: block; text-decoration: none;
}

div.Groups ul li a:hover
{
	border: #cccccc 1px solid;
}

div.Groups ul li a:hover h3,
div.Groups ul li a:hover p
{
	color: #000000;
}



/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* REGISTER PAGE
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

input.Text,
input.Password
{
	width: 348px; height: 20px; background: url('../Images/Layout/SearchField.png') 0 0 no-repeat; border: none; padding: 0px; margin: 0 0 10px 0; line-height: 20px; padding: 6px 10px;
}

label.TextLabel
{
	display: block; font-size: 12px; font-weight: bold; color: #333333; margin: 5px 0 5px 0;
}

fieldset.ValidationError
{
	color: #CC0000; display: block; margin: 5px 0;
}

fieldset.RequiredFieldError
{
	color: #CC0000; display: block; margin: 5px 0;
}

fieldset.FieldTypeError
{
	color: #CC0000; display: block; margin: 5px 0;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Admin Login Page
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.AdminLogin
{

}

div.AdminLogin ul
{
	margin: 0; list-style: none;
}

div.AdminLogin ul li h3
{
	font-size: 14px; margin-bottom: 10px;
}

div.AdminLogin ul li p
{
	font-size: 12px; color: #666666; font-style: italic;
}

div.AdminLogin ul li.ImportUser a
{
	margin-bottom: 10px; padding: 20px 10px 20px 84px; border: #dddddd 1px solid; background: #ffffff url('../Images/Layout/ImportUser.png') 10px center no-repeat;
}

div.AdminLogin ul li.EditUser a
{
	margin-bottom: 10px; padding: 20px 10px 20px 84px; border: #dddddd 1px solid; background: #ffffff url('../Images/Layout/EditUser.png') 10px center no-repeat;
}

div.AdminLogin ul li.EditSubscription a
{
	margin-bottom: 10px; padding: 20px 10px 20px 84px; border: #dddddd 1px solid; background: #ffffff url('../Images/Layout/EditSubscription.png') 10px center no-repeat;
}

div.AdminLogin ul li.UserList a
{
	margin-bottom: 10px; padding: 20px 10px 20px 84px; border: #dddddd 1px solid; background: #ffffff url('../Images/Layout/UserList.png') 10px center no-repeat;
}

div.AdminLogin ul li.ImportFiles a
{
	margin-bottom: 10px; padding: 20px 10px 20px 84px; border: #dddddd 1px solid; background: #ffffff url('../Images/Layout/Group.png') 10px center no-repeat;
}

div.AdminLogin ul li.PageEdit a
{
	margin-bottom: 10px; padding: 20px 10px 20px 84px; border: #dddddd 1px solid; background: #ffffff url('../Images/Layout/EditPage.png') 10px center no-repeat;
}

div.AdminLogin ul li a
{
	color: #333333; display: block; text-decoration: none;
}

div.AdminLogin ul li a:hover
{
	border: #cccccc 1px solid;
}

div.AdminLogin ul li a:hover h3,
div.AdminLogin ul li a:hover p
{
	color: #000000;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Subscription Page
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.Subscription
{

}

div.Subscription ul
{
	margin: 0; list-style: none;
}

div.Subscription ul li h3
{
	font-size: 14px; margin-bottom: 10px;
}

div.Subscription ul li p
{
	font-size: 12px; color: #666666; font-style: italic;
}

div.Subscription ul li 
{
	margin-bottom: 10px; padding: 20px 10px 20px 84px; border: #dddddd 1px solid; background: #ffffff url('../Images/Layout/ImportUser.png') 10px center no-repeat;
}

div.Subscription ul li a
{
	color: #333333; display: block; text-decoration: none;
}

div.Subscription ul li a:hover
{
	border: #cccccc 1px solid;
}

div.Subscription ul li a:hover h3,
div.Subscription ul li a:hover p
{
	color: #000000;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Account Page
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.AccountDetails
{

}

div.AccountDetails ul
{
	margin: 0; list-style: none;
}

div.AccountDetails ul li h3
{
	font-size: 14px; margin-bottom: 10px;
}

div.AccountDetails ul li p
{
	font-size: 12px; color: #666666; font-style: italic;
}

div.AccountDetails ul li.EditPassword a
{
	margin-bottom: 10px; padding: 20px 10px 20px 84px; border: #dddddd 1px solid; background: #ffffff url('../Images/Layout/EditPassword.png') 10px center no-repeat;
}

div.AccountDetails ul li a
{
	color: #333333; display: block; text-decoration: none;
}

div.AccountDetails ul li a:hover
{
	border: #cccccc 1px solid;
}

div.AccountDetails ul li a:hover h3,
div.AccountDetails ul li a:hover p
{
	color: #000000;
}


/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* MISCELLANEOUS
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* MISCELLANEOUS
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* MISCELLANEOUS
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* MISCELLANEOUS
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/