@import "base/default.css";
@import "base/layout.css";
@import "base/lytebox.css";


body {
 background-image: url(/Resources/images/deep-bg_05.png);
 background-color: #ffffff;
 background-repeat: repeat-x;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px
} 
body td th {
	font-size: 16px;
	color: #666666;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}
	
a:visited {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #FFCC00;
	text-decoration: none;
}
a {
	color: #999999;
	text-decoration: none;
}

.text-style1 {
	font-style: normal;
	font-weight: lighter;
	font-variant: normal;
	text-decoration: none;
	color: #333333;
}
.size15b {
	font-size: 15px;
	color: #666666;
}


.size13bl {
	font-size: 13px;
	color: #666666;
}
.size10 {
	font-size: 10px;
	text-align: center;
}
.orange {
	color: #ffcc33;
	font-size: 10px;
}
.size15highlight {
	font-size: 15px;
	color: #99cc66;
}
.highlight {
	color: #99CC66;
}.left {
	text-align: left;
}
#nav {
	position:absolute;
	left:0px;
	top:82px;
	width:100%;
	height:58px;
	text-decoration: none;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	display: inline;
	z-index: 1;
}
#nav0 {
	position:absolute;
	left:150px;
	top:0px;
	width:100%;
	height:54px;
	z-index:1;
}
#nav1 {
	width: 700;
	left: 5%;
	position: absolute;
	height: 30px;
	top: 0px;
}
#nav1 ul{
	padding: 0;
	margin: 0;
	left: 20%;
}
#nav1 ul li{
	display: inline;
	padding: 0;
	margin: 0;
}
#nav1 ul li a{
	color: #666666;
	text-decoration: none;
	padding: 5px 25px 5px 25px;
	text-align: center;
	width: 9em;
	line-height: 20px;
} 
#nav1 ul li a:hover {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	background-color: #E7EDE4;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
 #nav1 ul li a:visited {
	color: #666666;
	text-decoration: none;
}
#logo {
	position:absolute;
	left:23px;
	top:12px;
	width:112px;
	height:110px;
	z-index:5;
	background-image: url(/Resources/images/deep-master_03.png);
	background-position: top left;
	background-repeat: no-repeat;
}
#heading {
	position:absolute;
	left:351px;
	top:293px;
	width:471px;
	height:37px;
	z-index:1;
	text-align: center;
}
#title {
	position:absolute;
	left:150px;
	top:0px;
	width:198px;
	height:55px;
	z-index:1;
	line-height: normal;
	background-image: url(/Resources/images/deeptitle_02.png);
	background-repeat: no-repeat;
}
#title2 {
	position:absolute;
	top:32px;
	width:223px;
	height:25px;
	z-index:1;
	line-height: normal;
	background-image: url(/Resources/images/deeptitle2_17.png);
	background-repeat: no-repeat;
	right: 47px;
}
#contenttitle {
	position:absolute;
	left:5%;
	top:1px;
	width:650px;
	height:35px;
	z-index:3;
	text-align:left;
 font-size: 17px;
 color: #666;
 font-weight:normal;
}
#contentmain {
position: relative;
 left:220px;
 top:20px;
 width:80%;
 height:414px;
 z-index:1;
 text-align: left;
 width: 100%;
}

#content {
	position:absolute;
	left:5%;
	top:6px;
	width:650px;
	height:322px;
	z-index:2;
 color:#333;
}
#content h1{
 font-size: 18px;
 color: #444;
 font-weight:normal;
}
#content h2{
 font-size: 16px;
 color: #666;
 font-weight:normal;
}

#content1 {
	position:absolute;
	top:141px;
	width:136px;
	height:428px;
	z-index:3;
	left: 2px;
}
#wc3 {
	position:absolute;
	left:27px;
	top:371px;
	width:90px;
	height:42px;
	z-index:1;
}
#opensource {
	position:absolute;
	left:45px;
	top:310px;
	width:55px;
	height:44px;
	z-index:2;
}
#webdesign {
	position:absolute;
	left:37px;
	top:207px;
	width:75px;
	height:85px;
	z-index:3;
}
#news {
	position:absolute;
	left:30px;
	top:19px;
	width:93px;
	height:138px;
	z-index:4;
}

#contents {
 display:none;
}


/*generic deep form and data styles start
*/

.huge {
color:#555555;
font-size: 18px;
text-align:left;
font-weight: bold;
 }
.big {
color:#222222;
font-size: 14px;
text-align:left;
 }
.wee {
font-size: 10px;
text-align:left;
 }
.tiny {
font-size: 8px;
text-align:left;
 }
.message {
color: #33cc33;
font-size: 14px;
text-align:left;
 }
.warning {
color:#F60;
font-size: 14px;
text-align:left;
 }
.error {
color: #ff0000;
font-size: 16px;
text-align:left;
 }


button {
text-align: center;
background-color:#eeeeee;
vertical-align: middle;

}
.label {
color: #aaaaaa;
font-size: 10px;
vertical-align:top;
 }
.head {
border:#666666 solid 1px;
background-color:#aaaaaa;
color:#ffffff
 }
button.tiny {
height:18px;
padding:0px 2px 0px 2px;
 }
button.wee {
height:24px;
padding:0px 4px 0px 4px;
}
button.big {
height:30px;
padding:0px 4px 0px 4px;
}
button.released {
height:34px;
text-align:center;
font-size:11px;
vertical-align:middle;
color: #ff6600;
border-top:2px outset #dddddd;
border-left:2px outset #bbbbbb;
border-right:3px outset #cccccc;
border-bottom:3px outset #bbbbbb;
background-color: #eeeeee;
 }
button.pressed {
height:34px;
text-align:center;
font-size:11px;
vertical-align:middle;
color:#444444;
border-top:2px inset #bbbbbb;
border-left:2px inset #bbbbbb;
border-right:3px inset #cccccc;
border-bottom:3px inset #dddddd;
background-color: #dddddd;
 }
button.dispressed {
height:34px;
text-align:center;
font-size:11px;
vertical-align:middle;
color: #ff6600;
border-top:2px outset #dddddd;
border-left:2px outset #bbbbbb;
border-right:3px outset #cccccc;
border-bottom:3px outset #bbbbbb;
background-color: #eeeeee;
 }
button.disreleased {
height:34px;
text-align:center;
font-size:11px;
vertical-align:middle;
color: #ff6600;
border-top:2px outset #dddddd;
border-left:2px outset #bbbbbb;
border-right:3px outset #cccccc;
border-bottom:3px outset #bbbbbb;
background-color: #eeeeee; }
table {
vertical-align:top;
border-collapse: collapse;
 }
textarea {
border:2px solid #999999;
background-color:#eeeeee;
padding:6px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
 }
form {
border:none;
padding: 0;
margin: 0;
 }

.light {
color:#999999;
 }
hr.light {
height:1px;
color:#999999;
background-color:#999999;
border:0;
 }

h1 {
font-size: 22px;
color:#333333;
font-weight:normal;
 }
h2 {
font-size: 19px;
color:#555555;
}
h3 {
font-size: 16px;
color:#333333;
font-weight: normal;
 }
h4 {
font-size: 14px;
 }
h5 {
font-size: 12px;
 }
h6 {
font-size: 10px;
 }
/*p {
margin:0;
padding:0;
 }*/
.hilite{
background-color: transparent;}