/*--------------------------------------------------------------------------------------------------
Basic Style Sheet (all browsers)

version:	1
author:		Wayne Brown
website:	http://www.rignbuz.com
--------------------------------------------------------------------------------------------------*/

body
{
	font-size: 85.5%;
	background: #fff;
	color: #666666;
}
 
*
{
	margin: 0;
	padding: 0;
	font-family: arial, verdana, helvetica, sans-serif;
	border: none;
}

:focus
{
	outline: none;
}

img
{
	padding: 0;
	margin: 0;
}

.mbot_15
{
	margin-bottom: 15px;
}

/* Typography
--------------------------------------------------------------------------------------------------*/

hr
{
	display: none;
}

a:link,
a:visited
{
	color: #bebebe;
	text-decoration: none;
}

a:hover,
a:active
{
	color: #2a2a2a;
	text-decoration: underline;
}

h1
{
	font-size: 2.2em;
	font-weight: bold;
	color: #ffffff;
}

h2
{
	font-size: 1.4em;
	font-weight: bold;
	color: #666666;
}



/* default
--------------------------------------------------------------------------------------------------*/

#wrapper
{
	width: 760px; /* 760 */
	margin: 0 auto;
}

#logo, #logo_fb
{
	float: left;
	padding-top: 10px;
	margin-bottom: 5px;
	width: 215px;
}

#logo h4
{
	border: 0;
	display: block;
	height: 54px;
	width: 211px;
	background: url(../images/logo.jpg) 0 0 no-repeat;
	text-indent: -999em;
	padding: 0;
	margin-bottom: 0;
}

#logo_fb h4
{
	border: 0;
	display: block;
	height: 54px;
	width: 134px;
	background: url(../images/logo_fb.jpg) 0 0 no-repeat;
	text-indent: -999em;
	padding: 0;
	margin-bottom: 0;
}

#logo h4 a, #logo_fb h4 a
{
	text-decoration: none;
	display: block;
	height: 54px;
	width: 211px;
}

.clear
{
	clear: both;
}

.top-header
{
	background-image: url(../images/top-header.jpg);
	width: 708px;
	height: 46px;
	color: #ffffff;
	padding-top: 3px;
	padding-left: 50px;
	margin: 0;
}


/* index
--------------------------------------------------------------------------------------------------*/

/* index top */

.index-top-upload
{
	float: left;
	background-image: url(../images/index-top-upload.jpg);
	width: 241px;
	height: 152px;
	margin: 0;
	padding: 0;
}

.index-top-select
{
	float: left;
	background-image: url(../images/index-top-select.jpg);
	width: 265px;
	height: 152px;
	margin: 0;
	padding: 0;
}

.index-top-download
{
	float: left;
	background-image: url(../images/index-top-download.jpg);
	width: 252px;
	height: 152px;
	margin: 0;
	padding: 0;
}


/* index error code */


.index-error
{
	background: #b5575d;
	border: 1px solid #c3030e;
	margin: 10px;
	padding: 7px;
	text-align: center;
	color: #fff;
	font-weight: bold;
}


/* index mid left */


.index-mid-left
{
	float: left;
	background-image: url(../images/index-mid-left.jpg);
	width: 347px;
	height: 175px;
	margin-top: 10px;
	padding-top: 7px;
	padding-left: 15px;
	padding-right: 15px;
}

.indexleftp-top
{
	margin-top: 15px;
	margin-bottom: 30px;
}

.indexleftp-mid
{
	margin-top: 10px;
	margin-bottom: 20px;
}

.index-left-span
{
	margin-right: 10px;
	font-size: 1.6em;
	font-weight: bold;
	color: #e39c47;
}

.index-right-span
{
	margin-left: 10px;
	font-size: 1.6em;
	font-weight: bold;
	color: #666666;
}

.index-left-botspan
{
	font-size: 1.1em;
	font-weight: bold;
	color: #e39c47;
}

.index-right-botspan
{
	font-size: 1.1em;
	font-weight: bold;
	color: #666666;
}


/* index mid right */

.index-mid-right
{
	float: left;
	background-image: url(../images/index-mid-right.jpg);
	width: 351px;
	height: 175px;
	margin-top: 10px;
	padding-top: 7px;
	padding-left: 15px;
	padding-right: 15px;
}


/* processing
--------------------------------------------------------------------------------------------------*/

.processing-big-span
{
	font-size: 1.6em;
	font-weight: bold;
	color: #666666;
}

.processingleftp-top
{
	margin-top: 10px;
	margin-bottom: 20px;
}

.processingrightp
{
	font-weight: bold;
}

.ajax-loader
{
	margin-bottom: 10px;
	text-align: center;
}

.ajax-loader img
{
	margin: 10px;
}


/* selection
--------------------------------------------------------------------------------------------------*/

/* selection top */

.selection-top-upload
{
	float: left;
	background-image: url(../images/selection-top-upload.jpg);
	width: 252px;
	height: 152px;
	margin: 0;
	padding: 0;
}

.selection-top-select
{
	float: left;
	background-image: url(../images/selection-top-select.jpg);
	width: 257px;
	height: 152px;
	margin: 0;
	padding: 0;
}

.selection-top-download
{
	float: left;
	background-image: url(../images/selection-top-download.jpg);
	width: 249px;
	height: 152px;
	margin: 0;
	padding: 0;
}


/* selection mid left */

.selection-mid-left
{
	float: left;
	background-image: url(../images/selection-mid-left.jpg);
	width: 237px;
	height: 175px;
	margin-top: 10px;
	padding-top: 7px;
	padding-left: 15px;
}

.selection-big-span
{
	margin-left: 10px;
	font-size: 1.6em;
	font-weight: bold;
	color: #666666;
}

ul
{
	list-style: disc url(../images/bullet.gif);
	margin-top: 15px;
	margin-bottom: 15px;
}

li
{
	margin-left: 15px;
	margin-bottom: 3px;
}



/* selection mid right */

.selection-mid-right
{
	float: left;
	background-image: url(../images/selection-mid-right.jpg);
	width: 491px;
	height: 175px;
	margin-top: 10px;
	padding-top: 7px;
	padding-left: 15px;
}

.selection-mid-editor
{
	margin-left: 6px;
	margin-top: 5px;
	margin-bottom: 10px;
}

.selection-left-botspan
{
	font-size: 1.1em;
	font-weight: bold;
	color: #666666;
	margin-left: 5px;
}

.selection-right-botspan
{
	font-size: 1.1em;
	font-weight: bold;
	color: #e39c47;
}



/* finished
--------------------------------------------------------------------------------------------------*/

/* finished top */

.finished-top-upload
{
	float: left;
	background-image: url(../images/finished-top-upload.jpg);
	width: 246px;
	height: 152px;
	margin: 0;
	padding: 0;
}

.finished-top-select
{
	float: left;
	background-image: url(../images/finished-top-select.jpg);
	width: 260px;
	height: 152px;
	margin: 0;
	padding: 0;
}

.finished-top-download
{
	float: left;
	background-image: url(../images/finished-top-download.jpg);
	width: 252px;
	height: 152px;
	margin: 0;
	padding: 0;
}


/* finished mid left */

.finished-mid-left
{
	float: left;
	background-image: url(../images/finished-mid-left.jpg);
	width: 360px;
	height: 175px;
	margin-top: 10px;
	padding-top: 7px;
	padding-left: 15px;
}

.play-button
{
	float: left;
	width: 29px;
	height: 29px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 11px;
}

.ringtone-name
{
	float: left;
	width: 275px;
	height: 29px;
	margin-top: 14px;
	margin-bottom: 11px;
}

.ring
{
	font-size: 1.2em;
	font-weight: bold;
	color: #666666;
}

.ringname
{
	font-size: 1.2em;
	font-weight: bold;
	color: #e39c47;
}

.button-download
{
	float: left;
	width: 125px;
	height: 34px;
	margin-top: 13px;
}

.finished-big
{
	float: left;
	margin-left: 10px;
	font-size: 1.6em;
	font-weight: bold;
	color: #666666;
	margin-top: 16px;
}


/* finished mid right */

.finished-mid-right
{
	float: left;
	background-image: url(../images/finished-mid-right.jpg);
	width: 353px;
	height: 175px;
	margin-top: 10px;
	padding-top: 7px;
	padding-left: 15px;
	padding-right: 15px;
}

.prfin
{
	margin-top: 10px;
	margin-bottom: 5px;
}

.wapt
{
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	color: #666666;
	margin-top: 10px;
	margin-bottom: 10px;
}

.sitead
{
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	color: #e39c47;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.wapc
{
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	color: #666666;
	margin-top: 10px;
}

.wcode
{
	float: left;
	width: 60px;
	height: 23px;
	background-image: url(../images/wap-code-bg.gif);
	font-size: 1.2em;
	font-weight: bold;
	color: #ffffff;
	margin-left: 20px;
	margin-top: 7px;
	padding-top: 3px;
	padding-left: 14px;
}

.availtil
{
	float: left;
	font-size: .9em;
	font-weight: bold;
	color: #666666;
	margin-left: 10px;
	margin-top: 12px;
}


/* footer
--------------------------------------------------------------------------------------------------*/

.bar-spacer
{
	background-image: url(../images/bar-spacer.jpg);
	height: 2px;
	margin: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0;
}

.footer
{
	font-size: .9em;
	margin: 0;
	padding: 0;
	color: #bebebe;
}
.footer p
{
	margin-bottom: 10px;
}

.fleft
{
	float: left;
}

.fright
{
	float: right;
}



/* facebook
--------------------------------------------------------------------------------------------------*/


.menu_button
{
	float: left;
	width: 131px;
	height: 26px;
	margin: 0;
	margin-top: 20px;
	margin-right: 20px;
	padding-top: 8px;
	background-image: url(../images/menu_button.jpg);
	text-align: center;
	font-weight: bold;
}


.menu_button a:link,
.menu_button a:visited
{
	color: #fff;
	text-decoration: none;
}

.menu_button a:hover,
.menu_button a:active
{
	color: #fff;
	text-decoration: underline;
}

.listhead_name,
.listhead_code,
.listhead_created,
.listhead_type,
.listhead_select
{
	float: left;
	padding: 5px;
	padding-top: 7px;
	background: url(../images/table_header.jpg) 0 0 repeat-x #8db4dc;
	color: #fff;
	font-weight: bold;
	height: 18px;
	margin: 0;
	margin-bottom: 0;
}

.listhead_name
{
	border-left: 1px solid #6d98c3;
	border-top: 1px solid #6d98c3;
	border-bottom: 1px solid #6d98c3;
	width: 340px;
}

.listhead_code
{
	border-top: 1px solid #6d98c3;
	border-bottom: 1px solid #6d98c3;
	width: 95px;
	text-align: center;
}

.listhead_created
{
	border-top: 1px solid #6d98c3;
	border-bottom: 1px solid #6d98c3;
	width: 110px;
	text-align: center;
}

.listhead_type
{
	border-top: 1px solid #6d98c3;
	border-bottom: 1px solid #6d98c3;
	width: 85px;
	text-align: center;
}

.listhead_select
{
	border-top: 1px solid #6d98c3;
	border-bottom: 1px solid #6d98c3;
	border-right: 1px solid #6d98c3;
	width: 55px;
	text-align: center;
}

.listcell_name,
.listcell_code,
.listcell_created,
.listcell_type,
.listcell_select
{
	float: left;
	padding: 5px;
	padding-top: 7px;
	background: #f0f7ff;
	height: 18px;
	margin: 0;
	margin-bottom: 0;
}

.listcell_play
{
	float: left;
	padding-left: 5px;
	background: #f0f7ff;
	height: 30px;
	border-left: 1px solid #d8e8ff;
	border-top: 1px solid #d8e8ff;
	border-bottom: 1px solid #d8e8ff;
	width: 30px;
	text-align: center;
}

.listcell_name
{
	border-top: 1px solid #d8e8ff;
	border-bottom: 1px solid #d8e8ff;
	width: 305px;
}

.listcell_code
{
	border-top: 1px solid #d8e8ff;
	border-bottom: 1px solid #d8e8ff;
	width: 95px;
	text-align: center;
}

.listcell_created
{
	border-top: 1px solid #d8e8ff;
	border-bottom: 1px solid #d8e8ff;
	width: 110px;
	text-align: center;
}

.listcell_type
{
	border-top: 1px solid #d8e8ff;
	border-bottom: 1px solid #d8e8ff;
	width: 85px;
	text-align: center;
}

.listcell_select
{
	border-top: 1px solid #d8e8ff;
	border-bottom: 1px solid #d8e8ff;
	border-right: 1px solid #d8e8ff;
	width: 55px;
	text-align: center;
}

.delete_selected
{
	text-align: right;
	margin: 10px 25px 25px 0px;
}

/* temp stuff goes here */

.temp-upload
{
	margin-top: 10px;
}