<? include "./includes/config.php"; ?>
<!--//
        * { font-family: Helvetica, Arial,sans-serif, 'trebuchet ms', Verdana; }
body { 
	font-family: Helvetica, Arial,sans-serif, 'trebuchet ms', Verdana; 
	font-size: 75%;
	background: #eee;
	margin: 0;
}
td { 
	font-family: Helvetica, Arial,sans-serif, 'trebuchet ms', Verdana;  
	font-size: 75%; 
word-wrap: break-word;       /* Internet Explorer */
overflow: auto;
}

        A:link { font-family: Helvetica, Arial,sans-serif, 'trebuchet ms', Verdana; }
        A:visited { font-family: Helvetica, Arial,sans-serif, 'trebuchet ms', Verdana;}
        A:hover { font-family: Helvetica, Arial,sans-serif, 'trebuchet ms', Verdana; text-decoration: underline; color:#008000; }

h1 {
	font-size: 130%;
	font-weight: bold;
}

h2 {
	font-size: 110%;
	font-weight: bold;
}

h3 {
	font-size: 100%;
	font-weight: bold;
}
h4 {
        font-size: 90%;
        font-weight: bold;
}

table {
	margin: 0;
        border-collapse: collapse;
}

        .heading {
                padding: 6px;
                margin: 0;
                width: <? echo $tbl_width; ?>;
                background: <? if ( isset($heading_col) && trim($heading_col) !="" ) 
				{ echo "#".$heading_col.";"; }
				else { echo "#ded;"; } ?>
                border: 1px solid #9a9;
        }
        .item_odd {
                padding: 6px;
                margin: 0;
                background: <? if ( isset($item_odd) && trim($item_odd) !="" ) 
					{ echo "#".$item_odd.";"; } 
				else { echo "#ded;"; } ?>
        }
        .item_even {
                padding: 6px;
                margin: 0;
                background: <? if ( isset($item_even) && trim($item_even) !="" ) 
				{ echo "#".$item_even.";"; } 
				else { echo "#9a9;"; } ?>
        }
        .error {
                padding: 6px;
                margin: 0;
                width: <? echo $tbl_width; ?>;
                background: <? if ( isset($error_col) && trim($error_col) !="" )
                                        { echo "#".$error_col.";"; }
                                else { echo "#ffffff;"; } ?>
                border: 1px solid red;
        }
        .sub_msg {
                padding: 6px;
                margin: 0;
                width: <? echo $tbl_width; ?>;
                background: <? if ( isset($sub_msg_col) && trim($sub_msg_col) !="" )
                                        { echo "#".$sub_msg_col.";"; }
                                else { echo "#ffffff;"; } ?>
                border: 1px solid blue;
       }
        .imgbtn {
                position: relative;
                left: 1;
                top: 1;
                height: 22;
                width: 23;
                border: solid 2px #C0C0C0;
                background-color: #C0C0C0
        }
        .imgbtn:hover {
                position: relative;
                left: 1;
                top: 1;
                height: 22;
                width: 23;
                border: solid 3px #C0C0C0;
                background-color: #C0C0C0; color: #FFFF99;
        }
        .imgbtn:active {
                position: relative;
                left: 1;
                top: 1;
                border-style: inset;
                border: 1px solid black;
                color: #FFFF99;
        }
        .img {
                position: relative;
                left: 1;
                top: 1;
                height:20;
                width:21;
                border:none;
        }
        .img:hover {
                position: relative;
                left: 1;
                top: 1;
                height: 22;
                width: 23;
                border: solid 5px #C0C0C0;
                background-color: #C0C0C0; color: #FFFF99;
        }
        .img:active {
                position: relative;
                left: 1;
                top: 1;
                border-style: inset;
                border: 1px solid black;
                color: #FFFF99;
        }
        .imagebutton {
                height: 22;
                width: 23;
                border: solid 2px #C0C0C0;
                background-color: #C0C0C0
        }
        .image {
                position: relative;
                left: 1;
                top: 1;
                height:20;
                width:21;
                border:none;
        }
        .toolbar {height: 30; background-color: #C0C0C0;}


.color-picker {
	background:	transparent;
	width:		568px;
	height:		auto;
}

.color-picker td {
	padding:	1px;
}

.dynamic-slider-control {
	width:		auto;
	height:		20px;
	margin:		0;
}

.color-picker input {
	text-align:	right;
	width:		30px;
}
.color-picker td,.color-picker input {
font-family: Helvetica, Arial,sans-serif, Verdana; font-size: small;
font-size: 80%;
}
.slider-caption { 
	width: 40px;
	float: left;
}

.slider { 
	position: absolute;
	width: 595px;
	float: left;
	top: 0px;
	left: 45px;
}
.sl-input { 
		width: 30px;
		float: right;
	}
	
#color-result {
	width:				75px;
	height:				45px;
	border:				1px solid #000;
	background-color:	black;
}
.s
{
	border:1px solid #000;
	width: 75px;
	height: 45px;
	margin-right: 5px;
	float: left;
	font-weight: bold;
	color: #000000;
	cursor: pointer;
	cursor: hand;
	
}
.t
{
	color:#555555;
	margin-right: 5px;
	border: 1px solid #000;
	border-top: none;
	width: 75px;
	float: left;
	text-align: center;
}
.row { 
	position: relative;
	height: 25px;
}

#allsliders {
width: 760px;
}
#slideleft { 
	width: 680px;
	float: left;
}
#slideright{
	width: 75px;
	float: right;
}

.spacer { clear: both; }
.footer { 
	text-align: center;
}
#collist { 
	padding-top: 10px;
}
form { padding-top: 10px; }
#sitewidth { 
	width:760px;
	margin: auto;
	text-align: left;
}
#form input, text, select, option {
	margin: 3px 0px;
	font-family: Helvetica, Arial,sans-serif, 'trebuchet ms', Verdana; 
	font-size: 110%;
	font-weight:bold;
	color: #000;
	background-color: #eeeeee;
}
.input {
	color: #000;
	padding: 1px 0 1px 3px;
	background-color: #eeeeee;
	width: auto;
        font-family:Helvetica, Arial,sans-serif, 'trebuchet ms', Verdana;
        font-size:110%;
        font-weight:bold;
}
input, textarea {
	border: 1px inset #666;
	padding: 1px 0 1px 3px;
	background-color: #eeeeee;
        font-family:Helvetica, Arial,sans-serif, 'trebuchet ms', Verdana;
        font-size:110%;
        font-weight:bold;

}
input.radio { background-color: eee; border:0px;  }
input:focus, textarea:focus {
	border: 1px solid #000;
	background-color: #FFFFFF;
        font-family:Helvetica, Arial,sans-serif, 'trebuchet ms', Verdana;
        font-size:110%;
        font-weight:bold;
}
input.btn,select.btn{
	color:#333366;
	font-family:'trebuchet ms',helvetica,sans-serif;
	font-size:110%;
	font-weight:bold;
	background-color:#CCCCFF;
	border:3px solid;
	border-top-color:#C0C0C0;
	border-left-color:#C0C0C0;
	border-right-color:#333366;
	border-bottom-color:#333366;
	filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr='#ffffff',EndColorStr='#CCCCFF');
}

#row2 { 
	position: relative;
	width: 760px;
}
#forms { 
	width: 325px;
	float: left;
}
#sample {
	border: 1px solid #000;
	background-color: #7F7F7F;
	margin-top: 30px;
	width: 400px;
	float: left;
}
#sampleh1 { 
	border: 1px solid #7F7F7F;
	color: #CCCCCC;
	background-color: #808080;
	font-size: 16px;
	margin: 5px;
	padding: 5px;
	text-align: center;
}
#sampleh2 { 
	border: 1px solid #7F7F7F;
	color: #CCCCCC;
	background-color: #808080;
	font-size: 14px;
	margin: 5px;
	padding: 5px;
	text-align: center;
}
#samplep { 
	border: 1px solid #7F7F7F; 
	color: #000000;
	background-color: #7F7F7F;
	font-size: 12px;
	margin: 5px;
	padding: 5px;
}
#samplelink { 
	color: #A6A6A6;
}
#samplehover { 
	color: #A6A6A6;
}
#samplea { 
	color: #A6A6A6;
}
#samplea:hover { 
	color: #A6A6A6;
}
-->