/*-- reset css --*/

html,  body,   div,     span,    applet, object, iframe, h1,  h2,  h3, h4,   h5,  h6,  p,   blockquote, pre,
a,     abbr,   acronym, address, big,    cite,   code,   del, dfn, em, font, img, ins, kbd, q,          s,
samp,  small,  strike,  strong,  sub,    sup,    tt,     var, dl,  dt, dd,   ol,  ul,  li,  fieldset,   form,
label, legend, table,   caption, tbody,  tfoot,  thead,  tr,  th,  td
	{
	margin:  0;
	padding: 0;
	border:  1;
	outline: 0;
	font-weight: inherit;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif !important;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
/* remember to define focus styles! */
:focus
	{
	outline: 0;
	}

*
	{
	margin:  0;
	padding: 0;
	}

body
	{
	background-color:  #ddddd1;
	font-family: Arial;
	font-size:   100%;
	line-height: 1.125em;
	color:       #3a3319;
	background:  url(images/body-bg.gif) left top repeat-x #ddddd1;
	}

/* tables still need 'cellspacing="0"' in the markup */
table
	{
	border-collapse: separate;
	border-spacing: 0;
	}

caption, th, td
	{
	font-weight: normal;
	}

blockquote:before, blockquote:after, q:before, q:after
	{
	content: "";
	}

blockquote, q
	{
	quotes: "" "";
	}

.testimonial
	{                    
	font-size: 30px;
	}

.testimonialTable
	{
	padding:    0 5px 0 5px;
	text-align: justify;
	font-size:  70%;
	}
.loginTable{
	padding:    5 5 5 5px;
	text-align: justify;
	font-size:  80%;
	background:#edede1;
}
/*-- end eric meyer reset css --*/

/* -- general styles for page --*/

#slide_holder
	{
	margin: 20px auto 0 auto;
	}
/*footer*/
#footer a
	{
	color: #3a3319;
	}

#footer.fleft
	{
	width: 50%;
	float: left;
	vertical-align: top;
	}

#footer.fright
	{
	width: 30%;
	float: right;
	vertical-align: top;
	}

#footer ul
	{
	width:    90%;
	overflow: hidden;
	}

#footer ul li
	{
	display:     inline;
	margin-left: -1px;
	font-size:   1.1em;
	font-size:   60%;
	}

#footer ul li a
	{
	text-decoration: none;
	color: #3a3319;
	padding: 0 8px 0 8px;
	border-left: 1px solid #3a3319;
	}

#footer ul li a:hover
	{
	text-decoration: underline;
	}

#footer span
	{
	text-transform: uppercase;
	}

input
	{
	font-size: 1.1em;
	font-size: 100%;
	}

textarea
	{
	font-size: 1.1em;
	font-size: 125%;
	}
/*-- end general styles for page --*/

.basic
	{
	width:       852px;
	font-family: verdana;
	}

.basic div
	{
	background-color: #eee;
	}

.basic p
	{
	margin-bottom: 10px;
	border: none;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	margin: 0px;
	padding: 10px;
	}

.basic ul
	{
	font-weight: bold;
	font-size: 10px;
	color:     black;
	}

.basic a
	{
	cursor:  pointer;
	display: block;
	padding: 5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color:   black;
	background-color: #00a0c6;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999;

	background-image: url("images/AccordionTab0.gif");
	}

.basic a:hover
	{
	background-color: white;
	background-image: url("images/AccordionTab2.gif");
	}

.basic a.selected
	{
	color:            black;
	background-color: #80cfe2;
	background-image: url("images/AccordionTab2.gif");
	}

#header a
	{
	color: #fff;
	}

.headertable
	{
	width:  100%;
	height: 30px;
	vertical-align: middle;
	text-align: right;
	background-image: url(images/topbar.jpg);
	background-repeat: repeat-x;
	}
.headertable tr td{
		   vertical-align: middle; 
}
#header tr
	{
	width:    100%;
	overflow: hidden;
	list-style: none;
	}

#header tr td
	{
	font-size: 11px;
	color: #fff;
	padding: 0 5px 0 5px;
	vertical-align: middle;
	text-align: right;
	}

#header tr td a
	{
	text-decoration: none;
	color: #fff;
	}

#header ul li a:hover
	{
	text-decoration: underline;
	}

.formbutton
	{
	cursor: pointer;
	margin: 5px 0px 5px 0;
	border: outset 1px #ccc;
	width: 100px;
	height: 22px;
	background: fuchsia;
	color:  #666;
	font-weight: bold;
	padding: 1px 2px;
	background: url(images/formbg.gif) repeat-x left top;
	}
	
.formbutton2
	{
	cursor: pointer;
	margin-right: 50px;
	border: outset 1px #ccc;
	background: fuchsia;
	color:  #666;
	font-weight: bold;
	background: url(images/formbg.gif) repeat-x left top;
	width: 80px;
	float:right;
	}	

label
	{
	width: 25em;
	float: left;
	font-size: 70%;
	padding: 0 0 0 10px;
	}

label.error
	{
	float: right;
	color: red;
	padding-right: .1em;
	vertical-align: top;
	}

p
	{
	clear: both;
	}

em
	{
	font-weight:   bold;
	padding-right: 1em;
	vertical-align: top;
	}

legend
	{
	font-weight: bold;
	padding: 0 10px 0 10px;
	}

.padding10
	{
	padding: 10px 0 10px 0;
	}

.padding10 input, label
	{
	font-size: 75%;
	}
	
.padding10_2
	{
	padding: 0px 0 10px 0;
	}

.padding10_2 input, label
	{
	font-size: 75%;
	}	

address
	{
	font-size: 70%;
	}

.addressDiv
	{
	position: relative;
	left: 310px;
	background-color: white;
	width: 240px;
	padding-left: 10px;
	}
.feature
	{
	width:          850px;
	vertical-align: middle;
	text-align:     left;
	background-image: url(images/topbar.jpg);
	background-repeat: repeat-x;
	padding-left:   5px;
	padding-right:  5px;
	}
#demo-status
{
	background-color:        #c9c9b6;
	padding:                10px 15px;
	width:                   883px;
	font-size: 80% ;
}

#demo-status .progress
{
	background:                white url(images/progress.gif) no-repeat;
	background-position:    +50% 0;
	margin-right:            0.5em;
	
}

#demo-status .progress-text
{
	font-size:              80%;
	font-weight:            bold;
}

#demo-list
{
	list-style:                none;
	width:                    450px;
	margin:                    0;
}

#demo-list li.file
{
	border-bottom:            1px solid #eee;
	background:                url(images/file.png) no-repeat 4px 4px;
}
#demo-list li.file.file-uploading
{
	background-image:        url(images/uploading.png);
	background-color:        #D9DDE9;
}
#demo-list li.file.file-success
{
	background-image:        url(images/success.png);
}
#demo-list li.file.file-failed
{
	background-image:        url(images/failed.png);
}
#demo-list li.file .file-name
{
	font-size:               80%;
	margin-left:            44px;
	display:                block;
	clear:                    left;
	line-height:            40px;
	height:                    40px;
	font-weight:            bold;
}
#demo-list li.file .file-size
{
	font-size:                70%;
	line-height:            18px;
	float:                    right;
	margin-top:                2px;
	margin-right:            6px;
}
#demo-list li.file .file-info
{
	display:                block;
	margin-left:            44px;
	font-size:                0.9em;
	line-height:            20px;
}
#demo-list li.file .file-remove
{
	clear:                    right;
	float:                    right;
	line-height:            18px;
	margin-right:            6px;
	font-size:                70%;
}
#test-list {
	list-style: none;
	width: 913px;
	float: left;
}

#test-list li {
	list-style: none;
	padding: 5px 5px;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-left: 11px;
	background-color: #e1e1e1; 
	width:200px ;
	height: 200px;
	text-align: center;
	vertical-align: middle;
	float: left;
}

#test-list li img.handle {
	cursor: move;
}

.search-form {
background:transparent url(images/search-bg.jpg) no-repeat scroll left top;
height:30px;
width:258px;
}
.text-input {
background:transparent none repeat scroll 0 0;
border:0 none;
color:#2F2C2D;
padding:3px 0 0 38px;
width:175px;
font-size: 80%;
}
div.overlay {
background-image:url(images/white.png);
width:600px;         
display:none;
padding:55px;
}

div.overlay div.close {
background:url(images/close1.png) no-repeat;
position:absolute;
top:2px;
right:5px; 
width:35px;
height:35px;
cursor:pointer;
}

a.player {         
display:block;
height:450px;            
}
#music-list {
	list-style: none;
	width: 650px;
	float: left;
	font-size: 10pt;
}
#music-li{
	
	width:150px;
	margin:10px 0 0 0;
	padding:0 5px 0 0;
	line-height:10px;
	float:left;
	font-size: 8pt;

}