html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}

body {
	font-size: 0.8em;
	font-family: arial, sans-serif;
	background: #ffffff;
}

#measurer {
    position: absolute;
    left: 0;
    top: -10em;
    height: 1em;
    width: 100%;
}
#container-wrapper {
    min-width: 1000px !important;
	_width: expression((document.getElementById('measurer').clientWidth < 1000) ? '1000px' : '100%');
}
#container {
	width: 100%;
	//position: relative;
	//top: -1px;
}

table {
	font-size: 100%;
}


a {
	color: #003494;
}



.none {
	display: none !important; 
}
.block {
	display: block !important; 
}
.hidden {
	visibility: hidden !important; 
}
.visible {
	visibility: visible !important; 
}



.fx, 
.fx td {
	font-size: 0;
	height: 0;
	line-height: 0;
}

.fx div {
	min-width: 80px;
	width: 80px;
}
.fx .cc div {
	min-width: 10px;
	width: 10px;
}

#ctrl-arrows {
    white-space: nowrap;
	font-size: 0.9em;
    display: block;
    position: relative;
    margin: 0 auto;
    color: #58625C;
	width: 50%;
	top: -15px;
}
#ctrl-left,
#ctrl-right{
    color: #003494;
	text-decoration: underline;
	cursor: pointer;
}

#ctrl-opera  {
    display: none;
}









/*send form*/
#send-ok-row {
	height: 1px;
}
#send-ok {
	width: 50%;
	position: relative;
	top: -1em;
	margin: 1em auto;
}
#send-ok span {
	white-space: nowrap;
	background: #f1e098;
	padding: 0.2em 0.4em;
	//zoom: 1;
}


/*pattern*/
.pattern {
	background: #E5F2D4;
	position: relative;
	left: -2em;
	padding: 0.4em 0.8em;
	white-space: nowrap;
	margin-bottom: 45px;
}
.pattern h2 {
	margin: 0;
	font-size: 2em;
	font-family: georgia;
	font-style: italic;
}
.pattern h2 small {
	color: #58625C;
	font-size: 0.5em;
	font-weight: normal;
	font-style: normal;
	position: absolute;
	right: 100%;
	top: 1em;
	margin-right: 0.5em;
	font-family: arial, sans-serif;
}
.pattern h2 i {
	color: #58625C;
	font-weight: normal;
	font-size: 0.62em;
}




/*about*/
.about {
	line-height: 1.6;
}
.about .nazareno-logo {
	margin: 15px 10px 30px 0;
	height: 25px;
	min-width: 180px;
	background: url('../i/nazareno-logo.png') right top no-repeat;
}
.about .nazareno-logo div {
	width: 180px;
}
.about  .c-wtf {
	margin-bottom: 1em;
}
.about .notice {
	background: url('../i/notice-bg.png') 0 15px no-repeat #ECECEC;
	position: relative;
	margin-bottom: 1em;
	margin-right: -15px;
	_zoom: 1;
}
.about .notice .bg {
	position: absolute;
	top: 0;
	height: 100%;
	_height: expression(this.parentNode.offsetHeight + 'px'); 
	width: 100%;
	left: -100%;
	background: #ECECEC;
}
.about .notice i {
	display: inline-block;
	font-size: 0.86em;
	font-style: normal;
	padding: 12px 0;
	margin: 0 25px 0 50px;
	color: #8E8376;
}





/*diary*/
#diary-wrapper {
	position: relative;
	width: 480px;
	height: 650px;
	left: -32px;
	top: -15px;
}
#diary-wrapper div {
	position: absolute;
	_background: none !important;
	top: 0;
	left: 0;
	width: 480px;
	height: 650px;
	z-index: 1;
}
#diary-wrapper div#colorer {
	z-index: 1;
}
#diary-wrapper div#stitch {
	z-index: 999;
}
#diary-wrapper div#top {
	z-index: 1000;
	background: url('../i/diary/top.png') left top no-repeat;
	_background: none !important;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/diary/top.png', sizingMethod='crop');	
}
#diary-wrapper div#top a {
	height: 100%;
	width: 100%;
	display:block;
}

/*footer line*/
tr.fl td {
	font-size: 0;
}
tr.fl td div {
	border-bottom: 1px solid #E0D6CD;
	height: 40px;
}



/*footer*/
tr.ftr td {
	padding: 25px 0 60px;
}
tr.ftr td div {
	font-size: 0.9em;
	line-height: 1.5;
}
tr.ftr td div div {
	font-size: 1em;
}
tr.ftr td div.tt {
	position: relative;
	width: auto;
	color: #58625C;
}
tr.ftr td div.tt-logo {
	position: absolute;
	height: 45px;
	width: 50px;
	top: 0;
	left: -63px;
	background: url('../i/tt-logo.png') left top no-repeat;
}
tr.ftr td div.tt-logo a { 
	height: 100%;
	width: 100%;
	display: block;
}
tr.ftr td div.tt-link {
	position: relative;
	top: 20px;
	width: auto;
}



/*query form*/
tr.qf td.corn {
	background: url('../i/qf-corn.png') right bottom no-repeat #E4ECDA;
}
tr.qf td.corn div {
	/*
	min-width: 150px;
	width: 150px;
	*/
}
tr.qf td.line {
	background: url('../i/qf-line.png') right bottom repeat-x #E4ECDA;
}
tr.qf td.fill-no {
	background: url('../i/qf-fill-no.png') right bottom no-repeat #E4ECDA;
}
tr.qf td.fill-yes {
	background: url('../i/qf-fill-yes.png') right bottom no-repeat #E4ECDA;
}
tr.qf td.f {
	background: #E4ECDA;
}
tr.qf h3#pst { /*pattern selected title*/
	margin: 1.6em 0;
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: 1.2em;
}
tr.qf h3#pst #pt {/*pattern title*/

}
tr.qf h3#pst #pc {/*pattern color*/

}
tr.qf div.ct {/*cite*/
	font-size: 1.22em;
	margin: 1.8em 0 1.8em -2em;
	//zoom: 1;
}
tr.qf div.ct cite {/*cite*/
	display: block;
	font-family: arial, sans-serif;
	font-size: 1em;
	position: relative;
	line-height: 1.4;
	left: 1em;
	margin-left: 1em;
	text-indent: -0.6em;
}
tr.qf form {
	margin: 0;
	font-size: 1.2em;
	height: 100%;
}
tr.qf form dl,
tr.qf form dt,
tr.qf form dd {
	margin: 0;
	padding: 0;
	position: relative;
	width: auto;
}
tr.qf form dd {
	margin-bottom: 0.2em;
	_zoom: 1; /*IE6*/
}
tr.qf form dt {
	display: inline-block;
	//float: left;
}
tr.qf form label {
	position: relative;
	display: inline-block;
	top: 1.4em;
	font-size: 0.86em;
	margin-right: 1em;
	right: 100%;
}
tr.qf form input {
	font-size: 1em;
	width: 100%;
}

tr.qf form dl.file {
	margin-top: 1.8em;
	font-size: 0.86em;
	_zoom: 1;
}
tr.qf form dl.file label {
	font-size: 1em;
	left: 0;
	top: 0;
	margin: 0.2em 0;
}
tr.qf form dl.file dt,
tr.qf form dl.file dd {
	display: block !important;
	float: none;
}
tr.qf form dl.file input {
	font-size: 1em;
	width: auto;
}
tr.qf form dl.file div.comment {
	font-size: 0.86em;
	line-height: 1.32;
	color: #58625C;
	margin: 1em 0;
}

tr.qf form input#qf-submit {
	width: auto;
}


tr.qf form .qf-submit-wrp {
	height: 100px;
	position: relative;
}
tr.qf form .qf-submit-wrp div {
	position: relative;
	top: 35px;
	white-space: nowrap;
}
tr.qf form .qf-submit-wrp small#qf-submit-help {
	color: #58625C;
	font-size: 0.7em;
	margin-left: 1em;
}


tr.qf-chooser .variants {
	margin: 0 auto 20px;
	width: 100%;
	color: #58625C;
	line-height: 1.6;
}
tr.qf-chooser .variants div {
	width: 40%;
	margin: 20px;
	float: left;
	overflow: auto;
	background: url('../i/chooser.png') center bottom no-repeat;
}
tr.qf-chooser .variants div big {
	font-size: 1em;
	border: 1px solid #CFC8B9;
	padding: 6px 10px;
	margin-bottom: 11px;
	display: block;
}
tr.qf-chooser .variants  div span {
	display: block;
}
tr.qf-chooser .variants  div span b {
	display: inline;
	cursor: pointer;
	color: #003494;
	font-weight: normal;
	border-bottom: 1px dashed #003494;
}

tr.qf-chooser .variants  div.selected big {
	border: 1px solid #7DC043;
}
tr.qf-chooser .variants  div.selected {
	background: url('../i/chooser-sel.png') center bottom no-repeat;
}
tr.qf-chooser .variants  div.selected span b {
	color: #000000;
	border: none;
	/*font-weight: bold;*/
	cursor: text;
}




/*rand chooser*/
#rand-chooser {
	position: relative;
	margin: 0;
	width: 200px;
	top: -25px;
	left: 40px;
}
#rand-chooser span {
	color: #003494;
	border-bottom: 1px dashed #003494;
	cursor: pointer;
	white-space: nowrap;
	//zoom: 1;
}
#rand-chooser i {
	position: absolute;
	left: -40px;
	top: -5px;
	width: 30px;
	height: 30px;
	background: url('../i/rubik.png') left top no-repeat;
}



/*colors*/
#colors {
	width: 160px;
	height: 640px;
	padding-top: 20px;
}

div.ab-colors {
	background: url('../i/ab-colors.png') left top no-repeat;
}
div.abc-colors {
	background: url('../i/abc-colors.png') left top no-repeat;
}
div.colors-wrapper {
	position: relative;
	top: -46px;
}
div.color-chooser-label {
	margin-bottom: 12px;
}
div.color-chooser-comment {
	color: #8E8376;
	position: absolute;
	width: 160px;
	line-height: 1.4;
	font-size: 0.86em;
}
#colors table,
#colors tbody,
#colors tr,
#colors td {
	border-collapse: collapse;
}

#colors table div {
	width: 47px;
	height: 28px;
	display: block;
	cursor: pointer;
}

#colors table div.a-color,
#colors table div.b-color,
#colors table div.c-color {
	cursor: default !important;
}

.ab-colors table td.c div {
	cursor: default !important;
}

table div.a-color{
	background: url('../i/a-color.png') left top no-repeat;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/a-color.png', sizingMethod='crop');
}
table div.b-color {
	background: url('../i/b-color.png') left top no-repeat;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/b-color.png', sizingMethod='crop');
}
.ab-colors div.c-color {
	background: none;
}
.abc-colors div.c-color {
	background: url('../i/c-color.png') left top no-repeat !important;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/c-color.png', sizingMethod='crop');
}

.text {
	cursor: default !important;
}

.ink {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
}
.ink div {
	position: relative;
	top: 80px;
	left: 2px;
	font-size: 0.86em;
}
.ink div  div {
	height: 12px;
	top: 2px;
	left: 0;
}
.ink div span {
	color: #003494;
	text-decoration: underline;
}
.ink div.green span {
	color: #7DC043;
	text-decoration: none;
	cursor: text;
}
.ink div.green div {
	background: url('../i/sel.png') left top no-repeat;
}

.w-bg {
	background: url('../i/w-bg.png') center top repeat-x;
}


.w-bg-r {
	background: url('../i/w-bg-r.png') right top no-repeat;
	width: 100%;
	height: 89px;
}

.logo-wr {
	position: relative;
	height: 89px;
}
.logo {
	background: url('../i/logo.png') left top no-repeat;
	width: 110px;
	height: 89px;
	position: absolute;
	left: -34px;
}
.logo a {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
}

.bv {
	background: #5C1C4F;
}

.bw {
	background: #ffffff;
}



.pics, 
.text {
	width: 60px;
	height: 80px;
	background: url('../i/pics.png') no-repeat;
}
.pics {
	cursor: pointer;
}
.text {
	cursor: text;
}
#n1 {
	background-position: 0 0;
}
#n2 {
	background-position: -86px 0;
}
#n3 {
	background-position: -172px 0;
}
#n4 {
	background-position: -258px 0;
}
#n5 {
	background-position: -344px 0;
}
#n6 {
	background-position: -430px 0;
}
#n7 {
	background-position: -516px 0;
}
#n8 {
	background-position: -602px 0;
}
#n9 {
	background-position: -688px 0;
}
#n10 {
	background-position: -774px 0;
}
#n11 {
	background-position: -860px 0;
}
#n12 {
	background-position: -946px 0;
}

.page-headers {
	position: relative;
	top: -25px;
}
.page-headers h1 {
	font-size: 2.2em;
	font-family: georgia;
	margin: 0;
	padding: 0;
}
.page-headers h3 {
	font-size: 1.26em;
	font-family: georgia;
	color: #60004D;
	margin: 0.32em 0 0;
	padding: 0;
}

#indisol {
	
}
#indisol h5 {
	font-size: 1em;
	color: #ffffff;
	font-weight: normal;
	font-style: italic;
	font-family: georgia;
	padding: 0.8em 1em 0.4em 4em;
	margin: 0;
}


#dl {
	position: relative;
	top: 5em;
}
#dl span {
}