html
{
	font-family: Verdana, Tahoma, Arial, Sans;
	overflow-y: scroll;
}

body
{
	background-color: #ffffff;
	font-size:13px;
	color: #000000;
}

ul, ol
{
	list-style-type:none;
	list-style-position:outside;
}

table
{
	padding:0px 0px 0px 0px;
}

th, td
{
	color: #000000;
	font-size:13px;
        height:20px;
	padding:0px 8px 0px 0px;
	vertical-align:top;
}
a, 
a:visited, 
a:active
{
	color: #c3a573;
	color: #4B0082;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

strong
{
	font-weight:bold;
}
em
{
	font-style:italic;
}
#wrapper
{
	width:1200px;
	margin:0px auto;
}

#header
{
	width:1200px;
	height:64px;
}

#header #logo
{
	width:1200px;
	height:61px;
	margin-top:3px;
	float:left;
}

#wrapper .site_editpageoption
{
	width:1200px;
}

#grid
{
	margin-bottom: 12px;
}

#grid #siteleft
{
	width: 800px;
	float:left;
}

#grid #siteright
{
	width: 360px;
	float:right;
	margin-bottom: 12px;
}

#grid #sitetop,
#grid #sitemiddle,
#grid #sitebottom,
#grid #sitelefttop,
#grid #siteleftmiddle,
#grid #siteleftbottom,
#grid #siterighttop,
#grid #siterightbottom,
#grid #siteright1,
#grid #siteright2,
#grid #siteright3,
#grid #siteright4,
#grid #siteright5,
#grid #siteright6
{
	margin-top: 12px;
}

#grid #sitetop,
#grid #sitemiddle,
#grid #sitebottom
{
}

#grid #sitetop,
#grid #sitemiddle,
#grid #sitebottom
{
	width:1200px;
}

#grid #siterighttop,
#grid #siterightmiddle,
#grid #siterightbottom
{
	margin-bottom: 12px;
}

h2 
{
	font-size:20px;
	color: #c3a573;
	color: #483D8B;
	font-weight:bold;
	padding:5px 0px 10px 0px;
}

h3 
{
	font-size:15px;
	color: #aaaaff;
	font-weight:bold;
	padding:8px 0px 8px 0px;
}

h4 
{
	font-size:13px;
	color: #000000;
	font-weight:bold;
	padding:5px 0px 5px 0px;
}

p 
{
	font-size:13px;
	line-height:18px;
	padding:0px 0px 5px 0px;
}
td p 
{
	font-size:13px;
	line-height:18px;
	padding:0px 0px 0px 0px;
}
#grid li 
{
	font-size:13px;
	line-height:18px;
	padding:0px 0px 5px 0px;
}
#grid ul
{
	list-style-type:disc;
	list-style-position:outside;
	padding:0px 0px 10px 16px;
}

#grid #siteright li
{
	padding:0px 0px 0px 0px;
}

#grid #siteright ul
{
	padding:0px 0px 0px 16px;
}

#grid .weblet_header,
#grid .weblet_content,
#grid .weblet_admin
{
	clear:both;
}

ul .right,
ol .right
{
	clear:right;
}
ul .left,
ol .left
{
	clear:left;
	padding-right:145px;
}

#sample_image_freq_volume,
#sample_image_freq,
#sample_image_volume,
#template_image_freq_volume,
#template_image_freq,
#template_image_volume
{
	resize: horizontal;
	width: 800px;
	height: 300px;
	overflow-x: scroll;
	overflow-y: hidden;
}
#sample_image_wav_file 
{
	resize: vertical;
	width: 800px;
	height: 400px;
	overflow-y: scroll;
	overflow-x: scroll;
}
#composition_image_wav_form, 
#composition_image_samples, 
#sample_image_wav_form 
{
	resize: horizontal;
	overflow-x: scroll;
	overflow-y: hidden;
}

.SineBlock {
	clear:both;
	display:block;
	height:auto;
	border : 1px solid #505050;
	padding: 2px 2px 2px 2px;
	margin-bottom: 8px;
	width : 99%;
	background-color: #f6f6f6;
}
.SineBlock  p.info, 
.SineBlock  p.edit {
	padding: 0px 4px 2px 0px;
	margin: 0px;
	font-size : 13px;
	font-style: italic;
}
.SineBlock  p.info {
	color:#555555;
}
.SineBlock  p.edit a {
	color:#ef481d;
}

.identifier
{
	padding:0px 0px 0px 0px;
}
.info
{
	font-size:11px;
	color: #555555;
	font-style: italic;
	padding:3px 0px 5px 0px;
	margin-bottom:10px;
}

.error
{
	font-weight : bold;
	color:#ff0000;
}
.warning
{
	font-weight : bold;
	color:#ff9900;
}
.accent
{
	font-weight : bold;
	color:#009933;
}
.not_selectable
{
	color:#777777;
}

.erroneous
{
	background-color: #efd7d7;
}

.form_fill_in form .labels
{
	width:958px;
	font-size:13px;
	font-weight:normal;
	padding-right:13px;
	text-align:left;
	float:left;
	margin:0px 0px 5px 0px;
}

.form_fill_in form .interaction
{
	width:958px;
	font-size:13px;
	font-weight:normal;
	padding-right:13px;
	text-align:left;
	float:left;
	margin:0px 0px 5px 0px;
}

form input
{
	font-size:13px;
}

form input[type=text],
form input.text
{
	font-size:13px;
	width:200px;
}
form .FrequencyBlock input[type=text],
form .FrequencyBlock input.text
{
	font-size:13px;
	width:64px;
}

form input[type=password],
form input.password
{
	width:200px;
}

form input[type=file],
form input.file
{
}

form input[type=radio],
form input.radio
{
}

form input[type=image],
form input.image
{
}

form input[type=checkbox],
form input.checkbox
{
}

form input[type=submit],
form input.submit
{
}

form select
{
	font-size:13px;
	width:200px;
	padding:2px 2px 2px 0px;
	margin:5px 0px 5px 0px;
}

form textarea
{
	font-size:13px;
	width:800px;
}

form
{
}

#footer
{
	font-size:13px;
	margin-bottom:15px;
	margin-top:20px;
}

#footer ul li,
#footer ol li
{
	font-size:13px;
	line-height:18px;
	display:inline;
	border-right:1px solid #000000;
	padding:0px 5px 0px 5px;
	margin:0px;
}

#footer ul li.first,
#footer ol li.first
{
	padding-left:0px;
}
#footer ul li.last,
#footer ol li.last
{
	border:none;
}

#footer a, 
#footer a:active, 
#footer a:visited
{
	color: #c3a573;
}
#footer a:hover
{
	text-decoration:underline;
}

.header_in_list {
	background-color: #191970;
	height: 22px;
	font-weight : bold;
} 
.header_in_list th {
	color: #f0f0ff;
	font-weight : bold;
} 
.odd_row_in_list {
	background-color: #E6E6FA;
	height: 20px;
} 
.even_row_in_list {
	background-color: #f0f0ff;
	height: 20px;
} 
.odd_row_in_list td,
.even_row_in_list td,
.odd_row_in_list th,
.even_row_in_list th {
	padding: 2px 2px 2px 2px;
}

.odd_row_in_list_gift {
	background-color: #ececfd;
} 
.even_row_in_list_gift {
	background-color: #f6f6fd;
} 
.odd_row_in_list_pending {
	background-color: #fcedbc;
} 
.even_row_in_list_pending {
	background-color: #fcf4da;
} 
.odd_row_in_list_paid {
	background-color: #e0f9e0;
} 
.even_row_in_list_paid {
	background-color: #f6fdf6;
} 
.odd_row_in_list_canceled,
.odd_row_in_list_expired,
.odd_row_in_list_failed {
	background-color: #fdecec;
} 
.even_row_in_list_canceled,
.even_row_in_list_expired,
.even_row_in_list_failed {
	background-color: #fdf6f6;
}

.img_align_right {
	margin-top : 4px;
	margin-bottom : 4px;
	padding-left : 12px;
	margin-right : 0px;
}

#generatedimage {
    left: 0;
    width: 100%;
    max-height: 600px;
    z-index: 100;
    text-align: center;
    line-height: 0;
    overflow: scroll;
}

#generatedimage img {
    max-width: none;
    height: auto;
    overflow: visible;
}

#generatedimagethumb {
    left: 0;
    width: 124px;
    max-height: 60px;
    z-index: 100;
    text-align: center;
    line-height: 0;
    overflow: scroll;
}

#generatedimagethumb img {
    max-width: none;
    height: auto;
    overflow: visible;
}

.img_align_left {
	margin-top : 4px;
	margin-bottom : 4px;
	margin-left : 0px;
	margin-right : 12px;
}

.imagereplaced
{
	text-indent:-9999999px;
}

.left
{
	float:left;
}

.right
{
	float:right;
}

.clear
{
	clear:both;
}

pre
{
    background: #f4f4f4;
    border: 1px solid #ddd;
    border-left: 3px solid #f36d33;
    color: #666;
    page-break-inside: avoid;
    font-family: monospace;
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1em 1.5em;
    display: block;
    word-wrap: break-word;
}

code
{
	font-family: Courier New;
	font-size: 13px;
	color: #777777;
	display:block; 
	padding:2px; 
	background-color:#fafafa; 
	border-style:solid; 
	border-color:#999999; 
	border-width:1px; 
}

a.dropt,
span.dropt {
}
a.dropt:hover,
span.dropt:hover {
	text-decoration: none; 
	z-index: 6; 
}
a.dropt span,
span.dropt span {
	position: absolute; 
	left: -9999px;
	margin: 0px; 
	padding: 0px;
	border-style:solid; 
	border-color:black; 
	border-width:1px; 
	z-index: 6;
}
a.dropt:hover span,
span.dropt:hover span {
	left: 50%;
	margin-left: -600px;
	width: 900px;
	height: 300px;
	overflow-x: scroll;
	overflow-y: scroll;
	background: #ffffff;
	margin-top: -136px; 
	resize: both;
}

.sine_composition_list a.dropt:hover span,
.sine_composition_list span.dropt:hover span,
.sine_import_list a.dropt:hover span,
.sine_import_list span.dropt:hover span {
		overflow-x: scroll;
}

.site_editpageoption .weblet_admin
{
	background-color:#E6E6FA;
}
details {
	font-size:13px;
	line-height:1.6;
	padding:0px 0px 0px 0px;
	font-weight:bold;
}
summary {
	font-size:13px;
	line-height:1.6;
	padding:0px 0px 0px 0px;
}

.ValidBox {
    max-height: 200px;
    overflow-y: auto;
}
.ValidBlock {
	clear:both;
	display:block;
	height:auto;
	border : 1px solid #505050;
	padding: 2px 2px 2px 2px;
	margin-bottom: 8px;
	width : 96%;
	background-color: #f6f6f6;
}
.ValidBlock  p.info, 
.ValidBlock  p.edit {
	padding: 0px 4px 2px 0px;
	margin: 0px;
	font-size : 12px;
	font-style: italic;
}
.ValidBlock  p.info {
	color:#555555;
}
.ValidBlock  p.edit a {
	color:#ef481d;
}