/* CSS Document */

body
{
	margin-top: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: white;
	font-size: 12px;
	color: #333;
}

.border
{
border-bottom: 0px;
}
.top-border
{
border-top: 0px;
}
tr.border
{
border-left: 0px;
border-right: 0px;
}
a {
	color: #CF2911;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 5px;
	background: none;
	text-align: justify;
}
a:hover {
	color: #180861;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 5px;
	background: none;
	text-align: justify;
}

.mainmenu
{
	background: #6E6E6E;
	height: 25px;
	color: #FFFFFF;
	font-size: 14px;
	vertical-align: middle;
}

a.mainmenu {
	font-family: Arial;
	font-size: 14px;
	color: #FFFFFF;
	width: 100px;
	text-align: center;
	background: #888888;
	text-decoration: none;
	margin-left: -4px;
	padding: 5px 15px 6px 20px;
	border-left: 1px solid #FFFFFF;
	border-bottom: 3px solid #888888;
}
a.mainmenu:hover
{
	color: #180861;
	background: #888888;
	text-decoration: none;
	margin-left: -4px;
	padding: 5px 15px 6px 20px;
}

a.tmenu
{
color: #FFFFFF;
font-size: 14px;
padding-right: 20px;
text-decoration: none;
}

a.tmenu:hover
{
color: #180861;
text-decoration: none;
}

.content
{
background: #FFFFFF;
}

.copyright
{
text-align: center;
padding-top: 5px;
font-size: 10px;
}

/* HEADINGS */

h1
{
	font-size: 20px;
	margin: 0px 15px 5px 0px;
	color: #180861;
	padding: 15px 0px 10px 15px;
	background: #e6e8eb url(images/wintex_menu.gif) no-repeat right;
}

h2
{
	padding: 0px 10px 0px 15px;
	color: #180861;
	font-weight: bold;
	font-size: 14px;
}

h3
{
	padding: 5px 10px 5px 15px ;
	font-family: verdana;
	color: #F5800B;
	font-weight: normal;
	font-size: 14px;
	height: 2px;
	}

h4
{
	padding: 0px 0px 0px 20px ;
	margin: 5px 15px;
	color: #40528E;
	font-weight: bold;
	font-size: 13px;
	background: url(images/textile-ok.gif) no-repeat left center;
	}

h5
{
	color: #180861;
	font-weight: bold;
}

p {
    font-size: 12px;
	color: #333333;
	text-decoration: none;
	margin-top: 0;
	padding: 0px 15 10 20;
	text-align: justify;
}


#time-smart
{
	font-size: 12px;
	color: #FFFFFF;
	padding-left: 5px;
}

.school-logo-area
{
	background: url(images/school-logo-area.jpg) no-repeat;
	margin-top: -1px;
}

.login
{
	background: url(images/login-img.jpg) no-repeat center;
	height: 303px;
}

.login-table
{
margin-left: 695px;
padding-top: 10px;
}

.signin
{
font-size: 16px;
padding-top: 20px;
color: #180861;
font-weight: bold;
}

.text
{
font-size: 12px;
color: #000;
}

.button
{
background: url(images/signin.jpg) no-repeat;
padding-left: 1px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
}

.school-logo
{
padding-left: 25px;
padding-top: 5px;
}

.smart-login
{
background: url(images/smart-login.jpg) no-repeat;
}

.menu-border
{
border-bottom: #1px solid #888888;
border-left: 1px solid #888888;
border-right: 1px solid #888888;
}

.log-head
{
	color: #180861;
}




/* Tabs */
.shadetabs{

padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
color: #000000;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #000000;
background: white url(images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #000273;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #000000;
}

.shadetabs li.selected{
position: relative;
color:#FFFFFF;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(images/shadeactive.gif);
color: #FFFFFF;
border-bottom-color: gray;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
 }

.tabcontentstyle{ /*style of tab content oontainer*/
border: 2px solid gray;
width: 910px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

.table-indent
{
 margin-left: 18px;
}




/*Drop Down Menu*/

	.duztext  { COLOR: #222222; FONT-FAMILY: Arial,sans-serif,Geneva; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-WEIGHT: normal; TEXT-DECORATION: none }
	.kbaslik  { COLOR: #222222; FONT-FAMILY: Arial,sans-serif,Geneva; FONT-SIZE: 11pt; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none }
	.bbaslik  { COLOR: #222222; FONT-FAMILY: Arial,sans-serif,Geneva; FONT-SIZE: 13pt; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none }

	.dhmcss  {width:100%;background:#FFFFFF ;COLOR: #5C5C5C; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: bold; padding-top:1px; padding-bottom:1px; TEXT-DECORATION: none; }
	.dhmcssover  {width:100%;background:#DDDDDD ;COLOR: #202020; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: bold;  padding-top:1px; padding-bottom:1px; TEXT-DECORATION: none; }
	.dhmcssdown  {width:100%;background:#ACDCA5 ;COLOR: #000000; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: bold;  padding-top:1px; padding-bottom:1px; TEXT-DECORATION: none; }





/**/

/* --- menu styles ---
note:
	not all browsers render styles the same way so try out your style sheet
	on different browsers before publishing;
*/
/* level 0 inner */
.m0l0iout {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	background-color: #888888;
	margin: 4px 0 0 8px;
	color: #FFFFFF;
}
.m0l0iover {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 12px;
	text-align: center;
	margin: 5px 0 0 8px;
	color: #180861;
}	

/* level 0 outer */
.m0l0oout {
	text-decoration : none;
	text-align: center;
	vertical-align:middle;
	border-left: 1px solid #FFFFFF;
	background-color: #888888;
	/*background-color: #2C5F93;*/
}
.m0l0oover {
	text-decoration : none;
	background-color: #888888;
	text-align: center;
	border-left: 1px solid #FFFFFF;
}

/* level 1 inner */
.m0l1iout {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 12px;
	padding: 0;
	background-color: #888888;
	margin: 4px 0 0 17px;
	color: #FFFFFF;
}
.m0l1iover {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 12px;
	padding: 0;
	background-color: #6E6E6E;
	padding: 5px 8px 2px 8px;
	text-indent: 7px;
	border: 1px solid #FFFFFF;
	margin: 0px 0px 0px 0px;
	color: #180861;
}

/* level 1 outer */
.m0l1oout {
	text-decoration : none;
	background-color: #888888;
	border: 1px solid #FFFFFF;
	padding: 0;
}
.m0l1oover {
	text-decoration : none;
	background-color: #888888;
	background-repeat: no-repeat;
	padding: 0;
}