body {
	margin: 0; padding: 0;
	background: white; color: black;
	background-image: url('/image/bg_.gif'); background-attachment: fixed;
}
body, td { font: 90% Arial, sans-serif; color: #530c60; }

a:link { color: black; }
a:visited { color: #7c7c7c; }
a:active { color: #ff9d00; }
a:hover { color: red; }
div.previews a:hover { border-color: red; }

.fixer {position: relative; overflow: hidden; min-width: 630px; max-width: 1200px; }
* html .fixer { width: expression((document.body.clientWidth < 630)? '630px' : (document.body.clientWidth > 1200)? '1200px' : '100%'); }

#menu .fixer { position: absolute; top: 0px; left: 0px; height: 96px; width: 100%; }
* html #menu .fixer { width: expression((document.body.clientWidth < 630)? '630px' : (document.body.clientWidth > 1200)? '1200px' : '100%'); }

.wf { width: 100%; }

.tar {text-align: right;}http://delaem-sami.com/cms/characters/SB/2.png
.adminbuttons {margin: 10px 5px 20px 0;}
.admincommon {margin: 0 0 10px 10px;}
/*img {border: none;}*/


#gl  {
	 position: relative;
top: 170px; 

 z-index: 10;
	width: 100%; height: 100%;
}
#gl1  {
	 position: fixed;
top: 0px; 

 z-index: 5;
	width: 100%; height: 100%;
}

/* menu */
#menu { position: fixed; bottom: 0px; width: 100%; z-index: 118; }
* html #menu {
	position: absolute;
	top: expression(document.body.clientHeight + document.body.scrollTop - this.offsetHeight);
	left: expression(document.body.scrollLeft);
}
#menu div.gradient {
	position: absolute; top: 0; left: 0; z-index: 10;
	width: 100%; height: 96px;
	background: url('/image/menu/gradient.png') repeat-x;
}
body.inner #menu div.gradient {
	width: 75%; left: auto; right: 0;
}
/* #menu div.gradient-gray {
	position: absolute; top: 0; left: 0; z-index: 10;
	width: 25%; height: 96px;
	background: url('http://delaem-sami.com/image/menu/gradient.png') repeat-x;
}*/
#menu div.links {
	position: relative; z-index: 10;
	background: url('/image/menu/bg.gif') repeat-x;
}
#menu table { border: none; margin: 0; border-collapse: collapse; }
#menu td { padding: 29px 2px 15px 2px; text-align: center; vertical-align: top; font-size: 96%; }
#menu td.partners { padding-top: 0px; }
#menu img { border: none; }

#menu a { color: black; text-decoration: none;}
#menu a:hover { color: red; }

/* drawing */
#drawing { position: relative; height: 300px; background: url('/image/inner/bushes.jpg') no-repeat 50% 0%; text-align: center; }
#drawing .item { position: relative; z-index: 8; }
#drawing .tree-left,
#drawing .tree-right { position: absolute; top: 0px; }
#drawing .tree-left { background: url('/image/inner/tree-left-shadow.png') no-repeat; left: 0px; }
#drawing .tree-right { background: url('/image/inner/tree-right-shadow.png') no-repeat; right: 0px; }

#illustration { position: relative; height: 300px; }
#illustration img { position: absolute; top: 0px; left: 0px; }
#illustration img.sign { background: url('/image/illustration.jpg') no-repeat; }





/* content */
table.content { margin: 0; width: 100%; position: relative; }
table.content td { padding: 0px 0px 70px 0px; vertical-align: top; }

table.content td.images { width: 25%; background: #e1e1e1; }

table.content td.content { width: 75%; }
table.content div.layout { margin: 0px 0px 2em 0px; padding: 4px; }



td.content p { margin: 0px 0px 1.2em 0px;  text-indent: 0em; }
td.content h1 {
	margin: 40px 0px 0px 4px; padding-bottom: 0.2em;
	color: #f78632; font-size: 200%; /* text-transform: lowercase; */
	border-bottom: 1px solid #f78632;
}

td.content div.interview { width: 75%; }
td.content p.date { margin: 2em 0 0 50px; color: #ae9a81; font-style: italic; }
td.content p.list { margin-bottom: 0.5em; }
td.content p.author { margin: 0px 0px 0.2em 50px; color: #ae9a81; font-style: italic; position: relative; top: -0.1em; }
/* td.content div.interview p.date { color: black; font-style: normal; } */
td.content h2 {
	margin: 0.2em 0px 0.3em 0px;
	font-size: 140%;
}
td.content h2.no-date { margin-top: 1.4em; }

td.content div.answer { font-style: italic; }

td.content h2.first { margin-top: 0.2em; }
td.content p.first { margin-top: 0px; }

td.content p.list { margin-bottom: 0.6em; }
td.content ol { margin: 0px 0px 1.2em 50px; padding: 0em; }
td.content ol li { margin: 0px 0px 0.6em 2.5em; padding: 0px; }

td.content ul { margin: 0px 0px 1.2em 50px; padding: 0em; list-style: none; }
td.content ul li {
	margin: 0px 0px 0.6em 1.2em; padding: 0px 0px 0px 1.3em;
	background: url('/image/li.gif') no-repeat 0px 0.6em;
}

/* contentm */

table.contentm {margin: 0; width: 100%; position: relative; }
table.contentm td { padding: 4px 10px 4px 0px; vertical-align: top; }
td.contentm h2 {
	margin: 0.2em 0px 0.3em 10px;
	font-size: 100%;}

#contentm td { padding:2px; text-align: center;}

/*#contentm img {border: 1px solid;}*/


	

	/* incut */
	table.content table.incut td.lead { font-size: 95%; width: 25%; padding: 0px 30px 0px 0px; }
	table.content .incut p { margin-left: 0px; text-indent: 0px; clear: left; }
	table.content .incut p.date,
	table.content .incut ul,
	table.content .incut ol,
	table.content .incut h2 { margin-left: 0px; }
	table.content .incut td { padding-bottom: 30px; }

	div.pad {padding:0 0 0 50px;}
	div.previews img { margin: 0px 25px 25px 0px; }
	div.previews a { margin: 0px 25px 25px 0px; padding: 1px; border: 1px solid #7c7c7c; float: left; }
	div.previews a img { margin: 0px; border: none; }
	div.previewsadm a img { margin-bottom: 3px; border: none; }

	td.content .lead h3 { font-size: 100%; margin: 0px 0px 0.5em 0px; }
	td.content .lead ul.nav { margin: 0px 0px 2em 12px; padding: 0px; list-style-type: none; }
	td.content .lead ul.nav li { margin: 0px 0px 0.6em 0px; padding: 0px; font-size: 90%; background: none; }


	/* calendar */
table.content #cal {
	margin-top: 3px; padding: 22px 45px 25px 2px; position: relative;
	
}
	td.content table.calendar td { padding-bottom: 0px; }
	td.content table.calendar td.calendar { width: 15%; }
	ul.calendar,
	ul.calendar ul { margin: 0px; padding: 0px; list-style: none; }
	ul.calendar ul { margin: 0.5em 0px 0px 12px; }
	ul.calendar li { font-size: 125%; margin-bottom: 0.5em; }
	ul.calendar ul li { font-size: 80%; }
	ul.calendar li.selected { font-weight: bold; }

	/* person */
	td.content table.person { margin: 0px 0px 0px 50px; border: none; border-collapse: collapse; }
	td.content table.person td { vertical-align: bottom; padding: 0px 15px 20px 0px; }
	td.content table.person h3 { color: #ae9a81; margin: 0px 0px 0.5em 0px; }
	td.content table.person p { margin: 0px; font-style: italic; }


/* submenu */
table.content td.submenu { width: 25%; }
table.content #logo {
	margin-top: 3px; padding: 22px 45px 25px 32px; position: relative;
	
}
table.content #logo img { border: none; }
table.content #logo #vine { position: absolute; top: 76px; left: 19px; }
* html table.content #logo #vine { left: 4px; }
div.submenu { margin: 0px 0px 3em 63px; }
div.submenu div { margin: 0px 0px 1em 0px; }
div.submenu div.selected { font-size: 160%; margin: 0; }

ul.submenu { margin: 10px 0px 2em 20px; padding: 0px; list-style: none; }
ul.submenu li { margin: 0px 0px 0.7em 0px; padding: 0px; background: none; }
ul.submenu li.selected { font-weight: bold; }


.fchannel {width: 100%; width: expression((document.body.clientWidth||document.documentElement.clientWidth) < 1550 ? '100%' : '1550px'); max-width: 1550px; position: absolute; z-index:1;}
.fc {padding:0 320px;}
.sc {text-align:right; padding: 30 90 0 0;}
.fchannel img {border: none;}

/* PAGES */
.pages {padding: 2.8em 0 0 0;}
.pages ul {margin: 0px;}
.pages p, .pages li {float: left; list-style-type: none;}
.pages span, .pages a {display: block; padding: 2px 7px 0px 7px;}
span.selected {color: #333333;}

/*QUESTIONNAIRE*/
.content .questionnaire td {padding: 0 0 20px 0;}
.content td.ql {width:40%; padding: 0 20px 20px 0;}
.content td.qend {text-align:right; padding:20px 0 0 0;}
.content .questionnaire span {padding: 5px 0 0 0; display:block; color:#666666; font-size:8pt;}

/*LESSON*/
.cb {clear: both;}
table.content .lesson {font-size:11pt; padding: 0 0 10px 0;} 
.pre {padding: 0 0 0 50px; margin: 0 0 10px 0;}
.pic100 {display: block; float: left; border: 1px solid #7c7c7c; padding:1px; margin: 0 20px 20px 0;}



/* FAQ */
a.question {display:block; margin: 0 0 20px 0;}
.answer {margin: 10px 0 0 85px; padding: 10px 15px; font-weight: bold; color: #666; border: 2px dashed #EAE0D0;}
.question {padding: 20px 0 0 50px; font-weight: bold; }

td.content form {margin:0px;}
.required {margin:0 0 10px 0;}
.field {width:50%; margin: 0 0 10px 0;}

/*DESIGNER*/
table.content table.portal {margin:0 0 0 50px;}
table.content table.portal th {font-size: 10pt; text-align:left; padding: 0 20px 10px 0;}
table.content table.portal td {padding: 0 20px 10px 0;}

table.content table.designer td {padding: 0 0 40px 0;}
table.content table.designer td p {margin: 0 0 0 20px;}
table.content table.designer td h2 {color: #ae9a81; margin: 0px 0px 0.5em 20px; }
table.content table.anchorperson {margin: 0 0 0 50px;}
table.content table.anchorperson td p {margin: 0 0 0 20px;}
table.content table.anchorperson td h2 {margin: 0 0px 0.5em 20px;}

table.content .designer img {border:none;}
table.content .designer a {margin:10px; display:block; float:left; border:1px solid #999; padding:1px;}

div.anchorperson {float:left; margin: 0 0 0 50px; padding: 0 20px 20px 0;}
.anchorperson a img, .person a img {border:none;}

.intro {line-height: 1.4em; font-size: 1.1em;}

.content .preview .img {margin: 0 26px 20px 0; float: left;}
.content .preview .img {padding:1px; border: 1px solid #7C7C7C;}
.content .preview .img .active img {background:#ccc;opacity:.5;filter:alpha(opacity=50);-moz-opacity:.5}


.content .preview {margin: 20px 0 0 50px;}
.content .photo {margin: 0 0 30px 50px;}

.content .photo td {border: 1px solid #777; padding: 1px; position:relative;url(/image/load.gif) no-repeat 50% 50%}
.content .photo .in {position:relative;border:1px solid #fff;overflow:hidden}
.content .photo #imgnav {position:absolute;z-index:1;opacity:.6;filter:alpha(opacity=60)}
.content .photo #imgnav #nxt, .photo #imgnav #prv{display:block;width:45%;height:100%;background:transparent url(/image/blank.gif);outline: none; -moz-outline: none;}
.content .photo #imgnav #prv{float:left;}
.content .photo #imgnav #nxt{float:right;}
.content .photo #imgnav #nxt:hover{background:url(/image/nextlabel.gif) no-repeat 100% 50%}
.content .photo #imgnav #prv:hover{background:url(/image/prevlabel.gif) no-repeat 0 50%}

.banner {margin: 30px 0 100px 62px; width:125px; height:125px; padding:5px; border:0px solid #999;}

table.content .partners {padding:0 0 20px 40px;}
table.content .partners img {border:none;}
table.content .partners a {margin:10px; display:block; float:left; border:1px solid #999; padding:5px;}


.cover {margin:10px 50px;}
.covertxt {padding: 10px 0 0 0;}



/* Forma */

#auth_cont{font-size:11px; padding:8px 11px 0 0}

#auth_cont label{

display:block;

text-align:right;

padding:0px 0px 4px 0

}

.auth_inp{

width:92px;

border:1px solid #DEDBD5;

margin:0 0 0 5px;

}

#login_but{

margin-top:5px

}