My Jquery Tabs Issue with CSS

<input id="gwProxy" type="hidden"><!--Session data--><input onclick="jsCall();" id="jsProxy" type="hidden">

                                              

1:

<div id="recruitmentSys">
				<ul>
	                <li><a href="#tab1"><span>Description</span></a></li>
					<li><a href="#tab2"><span>Result</span></a></li>
					<li><a href="#tab3"><span>Employee</span></a></li>
	            </ul>
	            <div id="tab1">
	            	<jsp:include page="/pages/a.jsp"/>
	            </div>
				
		        <div id="tab2">
		          	<jsp:include page="/pages/b.jsp"/>
		        </div>
				
	            <div id="tab3">
	            	<jsp:include page="/pages/c.jsp"/>
	            </div>
	       </div>     

                                              

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:

THIS is the <link rel="stylesheet" href="tabs/jquery.tabs.css" type="text/css" media="print, projection, screen"> CSS
 
Now i had made changes in my code as:
 
<script src="tabs/jquery-1.1.2.pack.js" type="text/javascript"></script>
<script src="tabs/jquery.tabs.pack.js" type="text/javascript"></script>
<link rel="stylesheet" href="tabs/jquery.tabs.css" type="text/css" media="print, projection, screen">
<script>
$(document).ready(function(){
	$('#contain').tabs({fxAutoHeight: true});
});
</script>
<style>
#contain {
	width: 600px;
}
.frmStep {
	border: 1px dashed #999999;
}
</style>
 
<div id="contain">
    <ul>
      <li><a href="#tab1"><span>Logo</span></a></li>
      <li><a href="#tab2"><span>Map Location / Direction</span></a></li>
      <li><a href="#tab3"><span>Description</span></a></li>
    </ul>
    <div id="tab1"> <img src="#request.siteurl#pictures/#simage#" alt="" /> </div>
    <div id="tab2">
      <div id="map_1" style="width: 469px; height:393px;  z-index:0;">&nbsp;</div>
      <div id="side_bar" style="visibility:hidden; position:absolute;  z-index:0;"></div>
      <noscript>
      <b>JavaScript must be enabled in order for you to use Google Maps.</b> However, it seems JavaScript is either disabled or not supported by your browser. 
      To view Google Maps, enable JavaScript by changing your browser options, and then 
      try again.
      </noscript>
      <script type="text/javascript">
    //<![CDATA[
 
    if (GBrowserIsCompatible()) {
      // this variable will collect the html which will eventualkly be placed in the side_bar
      var side_bar_html = "";
    
      // arrays to hold copies of the markers used by the side_bar
      // because the function closure trick doesnt work there
      var gmarkers = [];
      var i = 0;
 
 
      // A function to create the marker and set up the event window
      function createMarker(point,name,html) {
        var marker = new GMarker(point);
        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
        });
        // save the info we need to use later for the side_bar
        gmarkers[i] = marker;
        // add a line to the side_bar html
        side_bar_html += '<a href="javascript:myclick(' + i + ')">' + name + '</a><br>';
        i++;
        return marker;
      }
 
 
      // This function picks up the click and opens the corresponding info window
      function myclick(i) {
        GEvent.trigger(gmarkers[i], "click");
      }
 
 
      // create the map
      var map = new GMap2(document.getElementById("map_1"));
      map.addControl(new GLargeMapControl());
      map.addControl(new GMapTypeControl());
      map.setCenter(new GLatLng( 31.796282,77.314832), 5);
	 
 
 
      // Read the data from xml File
      var request = GXmlHttp.create();
      request.open("GET", "anb.xml", true);
      request.onreadystatechange = function() {
        if (request.readyState == 4) {
          var xmlDoc = GXml.parse(request.responseText);
          // obtain the array of markers and loop through it
          var markers = xmlDoc.documentElement.getElementsByTagName("marker");
          
          for (var i = 0; i < markers.length; i++) {
            // obtain the attribues of each marker
            var lat = parseFloat(markers[i].getAttribute("latitude"));
            var lng = parseFloat(markers[i].getAttribute("longitude"));
            var point = new GLatLng(lat,lng);
            var html = markers[i].getAttribute("pagename");
			var label = markers[i].getAttribute("address");
            // create the marker
			html = html + '<br>' + label;
            var marker = createMarker(point,label,html);
            map.addOverlay(marker);
          }
          // put the assembled side_bar_html contents into the side_bar div
          document.getElementById("side_bar").innerHTML = side_bar_html;
        }
      }
      request.send(null);
    }
 
    else {
      alert("Sorry, the Google Maps API is not compatible with this browser");
    }
    //]]>
    </script>
    </div>
    <div id="tab3"> #trim(contents)# </div>
  </div>
 
.ui-wrapper { border: 1px solid #50A029;}
.ui-wrapper input, .ui-wrapper textarea { border: 0; }
 
/*  
Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}
 
/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}
 
/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 3px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 2px;
    font-weight: bold;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 0 12px;
    background: url(i/tabs.png) no-repeat;
	background-color:#B0C4DE;
}
.ui-tabs-nav a {
    margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    background-position: 100% 0;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */    
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #fff;
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    background-position: 100% -23px;
	/*background-color:#003377;*/
	background-color:#31659C;
}
.ui-tabs-nav a span {
    padding-top: 1px;
    padding-right: 0;
    height: 20px;
    background-position: 0 0;
    line-height: 20px;
	background-color:#B0C4DE;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-top: 0;
    height: 27px;
    background-position: 0 -23px;
    line-height: 27px;
	/*background-color:#003377;*/
	background-color:#31659C;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
.ui-tabs-panel {
	border: 1px solid #B0C4DE;
    /* padding: 10px;*/
    padding:5px;
    background: #fff;
	
    /* declare background color for container to avoid distorted fonts in IE while fading */
}
/*.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/
 
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

                                              

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:
163:
164:
165:
166:
167:
168:
169:
170:
171:
172:
173:
174:
175:
176:
177:
178:
179:
180:
181:
182:
183:
184:
185:
186:
187:
188:
189:
190:
191:
192:
193:
194:
195:
196:
197:
198:
199:
200:
201:
202:
203:
204:
205:
206:
207:
208:
209:
210:
211:
212:
213:
214:
215:
216:
217:
218:
219:
220:
221:
222:
223:
224:
225:
226:
227:
228:
229:
230:

<html>
	<head>
		<title>Management System</title>
		<link rel="stylesheet" href="<%=request.getContextPath()%>/css/tabs.css" type="text/css"/>
		<link rel="stylesheet" href="<%=request.getContextPath()%>/css/app.css" type="text/css"/>
		
		<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.js"></script>
 		<script type="text/javascript" src="<%=request.getContextPath()%>/js/uicore.js"></script>
  		<script type="text/javascript" src="<%=request.getContextPath()%>/js/uitabs.js"></script>
		
		  <script>
		  $(document).ready(function(){
		    $("#recruitmentSys > ul").tabs();
		    
		    var selectTabName = '<%=request.getAttribute("selectTab")%>';
		    if(selectTabName != null){
			    $("#recruitmentSys > ul").tabs("select",selectTabName); // this part for retaining the selected tab
			}    
		  });
		  </script>		
	</head>
	<body>
			<div id="recruitmentSys">
				<ul>
	                <li><a href="#tab1"><span>Description</span></a></li>
					<li><a href="#tab2"><span>Result</span></a></li>
					<li><a href="#tab3"><span>Employee</span></a></li>
	            </ul>
	            <div id="tab1">
	            	<jsp:include page="/pages/a.jsp"/>
	            </div>
				
		        <div id="tab2">
		          	<jsp:include page="/pages/b.jsp"/>
		        </div>
				
	            <div id="tab3">
	            	<jsp:include page="/pages/c.jsp"/>
	            </div>
	       </div>     	       	       
	</body>
</html>	

                                              

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:

<script>
		  $(document).ready(function(){
		    $("#recruitmentSys > ul").tabs();
		    
		    var selectTabName = '<%=request.getAttribute("selectTab")%>';
		    if(selectTabName != null){
			    $("#recruitmentSys > ul").tabs("select",selectTabName); // this part for retaining the selected tab
			}    
		  });
		  </script>
 
 
 
The link of tab i am using:
 
http://blog.cutterscrossing.com/index.cfm/2007/6/15/Updated-JQuery-Nested-Tab-Set-with-Demo

                                              

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:

http://ibestcity.com/details.cfm?details=3

                                              

1:

@charset "utf-8";
/* CSS Document */
/*--------------------------------------body---*/
 
body, td, th, div, p, label {
	color:#3b94b9;
	font:normal 12px verdana, Tahoma;
	line-height:14px;
}
a	{
	color:#3b94b9; 
	text-decoration:underline;
}
 
a:visited 	{
	color:#3b94b9;
}
 
a:hover {
	color:#3b94b9; 
	text-decoration:none
}
 
/*----------------------------------------------------------content---*/
/*-----------------------------article_settings-*/
.article-decor {
	padding:0px 0px 0px 0px;
}
.article_indent, 
#component-contact	{
	padding:12px 0px 0px 8px; 
}
#contact_text		{
	height:auto; 
	overflow:auto;
	margin:0px 0px 5px 0px; 
	width:90%
}
.article_bot		{
	line-height:5px
}
.article_separator	{
	display:block;
	width:100%;
	padding:0px 0px 0px 0px;
	margin:10px 0px 10px 0px;
}
.column_separator	{
	padding:0px 0px 0px 1px !important;
}
.article_column {
	padding:0px 0px 0px 0px;
}
.article_indent h3 {
	overflow:hidden;
}
.article_indent h3 img {
	margin:0px 3px 0px 0px !important;
	float:left
}
.contentpaneopen td, 
.contentpaneopen p	{
	line-height:18px;
}
.contentpaneopen img	{
	margin:0px 5px 4px 0px;
}
 
/*---------------------------content-heading---*/
 
.componentheading		{
	color:#aedced;
	font-size:24px; 
	font-weight:normal;
	font-family:Arial;
	line-height:140%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.contentheading			{
	color:#aedced;
	font-size:16px;
	font-weight:normal;
	font-family:Arial;
	line-height:20px !important;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
 
.buttonheading			{
	padding:4px 0px 0px 5px;
}
.buttonheading img {
	margin:0px 0px 0px 0px;
}
 
/*-----------------------------item-info---*/
 
.iteminfo				{
	padding:0px 0px 6px 0px; 
	margin:0px 0px 15px 0px;
}
.modifydate				{
	color:#526a74; 
	font-size:12px; 
	padding:0px 0px 0px 0px; 
	text-decoration:none !important; 
}
.md-indent {
 
}
.createdby				{
	color:#0f559d; 
	display:block;
	font-size:11px; 
	font-weight:normal;  
	text-transform:none; 
}
.createdate				{
	background:url(images/createdate.gif) no-repeat 10px 4px;
	color:#0291db; 
	font-size:11px;
	margin:0px 0px 0px 0px; 
	padding:0px 0px 7px 29px; 
	text-transform:none; 
}
span.small				{ /* Written by */
	color:#0291db; 
	font-size:12px;
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 10px;
	text-transform:none;
}
div.small {
	padding:7px 0px 0px 0px;
}
 
/*-----------------------------------buttons---*/
 
.button, 
.validate				{
	background:url(images/button2.gif) no-repeat 0 0;
	border:none; 
	color:#fff; 
	font:bold 12px arial; 
	line-height:14px;
	margin:0px 0px 0px 0px;
	padding:1px 0px 3px 0px;
	text-align:center;
	vertical-align:middle; 
	width:92px;
}
* html .button, 
* html .validate {
	height:18px;
	display:block;
}
/*:first-child+html .button {height:20px; padding:0px 0px 0px 0px;}
 
/*-----------------------------------read-more---*/
 
#editor-xtd-buttons div.readmore {
	background:none; 
	height:auto;
	margin:0px 0px 0px 0px;
	width:auto; 
}
div.readmore	{
	margin:0px 0px 0px 0px; 
	padding:4px 0px 0px 0px;
}
div a.readon{
	color:#0291db;  
	display:block;
	font:bold 12px arial;
	margin:0px 0px 0px 0px !important; 
	padding:4px 0px 8px 0px;  
	text-decoration:none;
	width:97px;
	text-align:left;
}
 
a.readon:hover	{
	color:#1368a9;
	text-decoration:none
}
a.readon:visited {
	color:#1368a9;
}
 
/*-----------------------------blog-more---
 
.blog_more		{
	padding:0px 0px 10px 31px;
}
.blog_more h2	{
	background:none;
	color:#3b94b9 !important; 
	font-size:12px;  
	padding:0px 0px 0px 0px;
}
.blog_more ul {
	margin:10px 0px 0px 15px;
}
.blog_more ul li {
	padding:0px 0px 0px 0px !important; 
}
.blog_more a	{
	color:#3b94b9; 
	text-decoration:underline
}
.blog_more a:hover	{
	color:#3b94b9; 
	text-decoration:none;
}			
.blog_more strong	{
	color:#3b94b9; 
}
*/
/*-----------------------------pagenav---*/
.pagination-container {
 
	padding:0px 0px 20px 20%;
}
ul.pagination {
	list-style:none;
	color:#1086ac;
}
div.pagination span {
	padding:0px 5px 0px 5px;
 
	float:left;
}
.pagination span font{
	background:url(images/pagination-right.gif) no-repeat right 0;
	padding:5px 10px 5px 10px;
	line-height:14px;
	color:#146dac;
	font-weight:bold;
	display:block;
	font-size:11px;
}
.pagenav	{
	color:#146dac; 
	font-size:12px; 
	font-weight:normal
}
a.pagenav	{
	color:#146dac;
	font-weight:bold;
	font-weight:normal
}
a.pagenav:hover	{
	color:#146dac; 
	text-decoration:none
}
a.pagenav:visited {
	color:#146dac; 
	text-decoration:none
}
.pagination_nav	{
	color:#3b94b9; 
	font-size:12px; 
	padding:10px 20px 0px 0px;
	text-align:left;
}
 
.pagination		{
	margin-top:10px;
	display:block;
	overflow:hidden;
}
ul.pagination li	{
	display:block;
	float:left; 
	padding:0px 5px 0px 5px;
}	
.pagination_result	{
	color:#844646; 
	padding:5px 0px 0px 0px;
	line-height:16px;
	text-align:left;
}
			
/*--------------------------------------result---*/
 
.sectiontableentry0 td	{	
	color:#146dac;
	padding:5px 0px 5px 0px; 
}
.sectiontableentry1 td	{
	background:#286e92;
	color:#fff;
	padding:5px 0px 5px 0px;
}
.sectiontableentry2 td 	{
	color:#146dac;
	padding:5px 0px 5px 0px; 
}
 
.sectiontableentry0,
.sectiontableentry1,
.sectiontableentry2		{}
 
.sectiontableentry1 a	{
	color:#fff
}
.sectiontableentry2 a	{
	color:#146dac
}
.sectiontableentry1 a:hover {
	color:#fff
}
.sectiontableentry2 a:hover {
	color:#146dac
}
.sectiontableentry1 a:visited {
	color:#fff
}
.sectiontableentry2 a:visited {
	color:#146dac
}
 
.var1 {
	background:#286e92;
	border:1px solid #393939;
	padding:5px !important;
	margin:5px 0px 5px 0px;
}
.var2 {
	background:#9acbf5;
	border:1px solid #393939;
	padding:5px !important;
	margin:5px 0px 5px 0px;
}
 
.results	{
	text-align:center;
	padding:0px 0px 0px 10px;
}
#page	{
	padding:0px 0px 0px 10px;
}
#page ol li	{
	padding:0px 0px 10px 0px; 
	text-align:left
}
.searchintro	{
	padding:0px 0px 10px 25px;
}
.searchintro strong		{
	color:#C6662C
}
#page h3	{
	font-size:130%; 
	padding:10px 0px 5px 0px; 
	text-align:left;
	color:#699bc9;
}
#page .inputbox	 {
	color:#000;
}
#page #ordering {
	height:20px;
}
#page .display	{
	padding:10px 0px 0px 0px;
}
#page legend	{
	color:#699bc9
}
 
.sectiontableentry0 .pad2,
.sectiontableentry1 .pad2,
.sectiontableentry2 .pad2	{
	padding:2px 0px 2px 15px;
	font-weight:bold
}
.sectiontableheader {
	padding-bottom:2px
}
 
/*--------------------------------------poll---*/
 
.poll .question	 {
	color:#1086ac;
	font-size:12px;  
	font-weight:normal;
	font-family:Arial;
}
.poll .body		{
	padding:0px 0px 0px 0px;
}
.poll .body label {
	color:#5c8495;
	font-size:12px;
	line-height:14px;
	padding:0px 0px 0px 0px;
}
.poll .button	{
	background:url(images/polls_button.gif) no-repeat 0 0;
	color:#fff;
	cursor:pointer;
	display:inline;
	font-size:11px; 
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	line-height:15px;
	text-align:center;
	margin:8px 0px 0px 0px;
	padding:1px 0px 4px 0px;
	width:62px;
}
.poll .result	{
 
}
 
.poll .section	{
	overflow:hidden; 
	padding:0px 0px 8px 0px;
	width:100%; 
}
.poll .radio	{
	float:left;
	width:20px;
}
.poll .radio input {
	display:block;
	width:16px;
	height:16px;
	vertical-align:middle;
}
.poll .var	{
	margin:0px 0px 0px 20px; 
	text-align:left
}
 
.display	{
	padding:0px 0px 10px 0px;
}
.display select	{
	border:1px solid #46462f; 
	width:100px;
}
.sectiontableentry1 div, 
.sectiontableentry0 div {
	font-size:1px
}
 
/*--------------------------------------user---*/
 
dl.contentpane	dt {
	padding:10px 0px 20px 0px;
}
dl.contentpane	dd {
	width:100%;
	overflow:hidden;
}
dl.contentpane	div {
	vertical-align:middle
}
dl.contentpane .description {
	width:110px;
	padding:0px 0px 0px 0px;
	vertical-align:middle
}
dl.contentpane .input-field {
	width:160px;
	padding:0px 0px 0px 0px;
	vertical-align:middle
}
* html dl.contentpane .input-field {
	padding-top:3px;
}
dl.contentpane .button-field {
	width:140px;
	padding:3px 0px 0px 0px;
	vertical-align:middle
}
 
/*-------------------------------------search---*/
 
.module-search 		{
	margin:0px 0px 9px 0px; 
	background:url(images/search_bg.jpg) repeat-x 0 0; 
	height:36px; 
	width:204px;
}
 
.search-search .inputbox-search	{ /*-------- working in all browsers ------*/
	background:none;
	border:none;
	color:#2c2c2c;
	float:left;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px 4px 0px 0px; 
	padding:5px 0px 3px 5px; 
	vertical-align:top;   
	width:144px;
}
 
* html .search-search .inputbox-search { /*------------------fix for IE6------*/
	height:29px;
	width:144px;
	margin:0px 4px 0px 0px;
}
 
.search-search  .button-search	{
	background:none;
	color:#cb670e;
	font:bold 12px Arial;
	height:24px;
	float:left;
	padding:0px 0px 0px 0px;
	width:57px;  
	vertical-align:middle; 
}
.module-search .box-indent	{
	padding:5px 0px 0px 7px;
	color:#2c2c2c;
	font-size:11px;
}
/*-------------------------------------search-result---*/
/*-------------------title----*/
 
.search_result h3	{
	color:#808080; 
	font-size:14px
}
 
/*-------------------article----*/
 
.search_result p	{
	padding:10px 0px 0px 0px;
}
/*----------*/
#search_searchword	{
	border:1px solid #999
}
legend		{
	color:#808080
}
 
.highlight	{  /* highlight sought word */
	color:#bf3a3a; 
	font-weight:bold
}
 
.phrase {
	border:solid 1px #ccc;
	color:#808080;
	float:left; 
	margin:10px 10px 10px 0; 
	padding:10px; 
	width:60%; 
}
.phrase .inputbox 	{
	background:#fff; 
	color:#808080; 
	display:block; 
	margin-top:10px; 
}
 
.phrase .inputbox option {
	background:#fff; 
	border-bottom:solid 1px #333; 
	padding:2px; 
}
.phrase .inputbox option a:hover {
	background:#C00;
	border-color:#cfd0d6;
	color:#1e3300;   
}
fieldset.word,fieldset.only { 
	border:solid 1px #ccc;
}
 
.only 	{
	border:solid 0; 
	line-height:1.3em;
	margin:10px 0 0 10px; 
	padding:5px 10px;
}
.word 	{
	border:solid 0 !important;
	padding:10px 10px 10px 0; 
}
.word input {
	background:#fff; 
	color:#ff6614; 
	font-weight:normal; 
	margin:0 0 0 10px; 
	padding:2px;
}
 
.contact_email	input	{
	margin:4px 0px 3px 0px;
}
/*-------------------------------------admin-form---*/
 
.adminform td 			{padding:0px 0px 2px 0px;}
 
/*---------------------------system-error-messages--*/
 
.error		{
	margin:0px 0px 10px 0px;
}
.error h2 	{
	color:#bd0202;
	font:bold 14px Tahoma;  
	padding:0px 0px 5px 20px;
}
#system-message dt.error, dt.message { 
	display: none; 
}
.error dd ul {
	background: #920202 ; 
	border-top: 3px solid #670606; 
	border-bottom: 3px solid #670606; 
	color: #fff;
	margin:0; 
	padding:5px 0px 5px 5px;
}
.error dd ul li	{
	background:none !important;
	color:#fff !important; 
	margin:0px 0px 0px 20px !important; 
}
.pass_remind { 
	vertical-align:middle; 
	padding:0px 0px 0px 10px;
}
 
/*---------------------------------------------------------------------------------boxes---*/
 
.module	{
	width:100%;
}
.module .first	{
 
}
.module .sec	{
	width:100%;
}
.module .box-indent, .module_menu .box-indent {
	padding:22px 0px 18px 34px;
}
/*-------------------title----*/
 
.module h3, .module_menu h3	{
	color:#2d96ba; 
	font:normal 14px Arial; 
	background:url(images/module_h3_bg.gif) no-repeat 0px 0px; 
	padding:10px 0px 10px 38px; 
	margin:0px 0px 0px 0px;
}
/*-------------------content----*/
 
.module div		{
	color:#5c8495;
	font-size:12px;
}
.module label	{
	color:#146dac;
	display:block;
	line-height:100%;
	padding:0px 0px 3px 0px; 
	vertical-align:middle
}
.module td, 
.module p		{
	color:#146dac; 
	font-size:12px;
	padding:0px 0px 2px 0px;
}
.module ul	{
	list-style:none;
	margin:0px 0px 0px 0px;
}
.module li	{
	padding:0px 0px 12px 0px;
}
.module li a {
	color:#5c8495; 
	font:normal 11px Arial !important; 
	background:url(images/mainmenu_bullet.gif) no-repeat 0 4px; 
	padding:0px 0px 0px 15px; 
	text-decoration:none;
}
.module li a:hover {
	color:#5c8495; 
	text-decoration:underline;
}
.module li a:visited {
	color:#5c8495
}
.module_menu li	ul {
	padding:0px 0px 0px 15px;
}
.module_menu li	ul li {
	padding:0px 0px 0px 0px;
}
.count	{ /* count users */
	font-weight:bold;
	color:#5c8495;
}
.module a		{
	color:#3b94b9
}
.module a:hover	{
	color:#3b94b9
}
.module .inputbox	{
	background:#fff; 
	border:1px solid #b0a88f;
}
.module span	{
	font-weight:normal
}
 
/*-------------------------------------mainmenu---*/
.module_menu .box-indent {
	padding:22px 0px 18px 34px;
}
/*-------------------title----*/
 
.module_menu h3	{
	color:#2d96ba; 
	font:normal 14px Arial; 
	background:url(images/module_h3_bg.gif) no-repeat 0px 0px; 
	padding:10px 0px 10px 38px; 
	margin:0px 0px 0px 0px;
}
/*-------------------content----*/
 
.module_menu ul 		{
	list-style:none;
	margin:0px 0px 0px 0px;
}
.module_menu li		{
	padding:0px 0px 12px 0px;
}
.module_menu li a	{
	background:url(images/mainmenu_bullet.gif) no-repeat 0px 6px; 
	padding:0px 0px 0px 14px; 
	margin:0px 0px 0px 0px; 
	color:#5c8495; 
	font:normal 13px Arial;
	display:block;
	line-height:16px; 
	text-decoration:none; 
}
.module_menu li a:visited, .module_menu li a:hover	{
	color:#5c8495;
}
/*-------------------------------------topmenu---*/
.module-topmenu {
	padding-left:15px;
	background:url(images/topmenu_right.gif) no-repeat right 0;
	height:43px;
}
 
.module-topmenu ul.menu-nav {
	padding:0px 0px 0px 0px;
	margin-left:0px
}
.module-topmenu ul.menu-nav li	{
	background:url(images/topmenu-separator.gif) no-repeat right 22px #286e92;
	display:block; 
	float:left; 
	margin:0px 0px 0px 0px; 
}
.module-topmenu ul.menu-nav li a  {
	color:#fff; 
	font-weight:normal; 
	font-size:12px; 
	text-decoration:none; 
	display:block; 
	text-align:center;
	text-transform:uppercase;
	width:auto; 
	float:left;
}
.module-topmenu ul.menu-nav li a span	{
	display:block; 
	padding:16px 30px 15px 30px;
}
 
/*-------------------hover----*/
 
.module-topmenu ul.menu-nav li a:hover  {
	background:url(images/menu-right.gif) no-repeat right 0 #001b2f;
	border:none;
	color:#fff !important; 
	display:block; 
	float:left; 
	text-align:center; 
	text-decoration:none;
	width:auto;
}
.module-topmenu ul.menu-nav li a:hover span	{
	background:url(images/menu-left.gif) no-repeat 0 0;
	display:block; 
	padding:16px 30px 15px 30px;
}
 
/*-------------------visited---*/
 
.module-topmenu ul.menu-nav li a:visited{
	color:#fff; 
}
 
/*-------------------active----*/
 
.module-topmenu ul.menu-nav li.active a {
	background:url(images/menu-right.gif) no-repeat right 0 #001b2f;
	border:none;
	color:#fff !important; 
	display:block; 
	float:left; 
	text-align:center; 
	text-decoration:none;
	width:auto;
}
.module-topmenu ul.menu-nav li.active a span	{
	background:url(images/menu-left.gif) no-repeat 0 0;
	display:block; 
	padding:16px 30px 15px 30px;
}
 
/*-------------------visited---*/
 
.module-topmenu ul.menu-nav li a:visited{
	color:#fff; 
}
 
/*----------------------------------------login-form---*/
 
.module-login	{
	padding:17px 0px 0px 27px;
}
.module-login .first	{
}
.module-login .sec	{
	width:100%;
}
.module-login .box-indent {
 
}
 
/*-------------------title----*/
 
.module-login h3	{
	background:url(images/box2-title.gif) no-repeat 0 0;
	color:#06213e;
	font:normal 14px Arial, Helvetica, sans-serif;
	border-bottom:1px solid #06213e;
	padding:1px 0px 5px 7px;
}
 
/*-----------------content----*/
 
.module-login label {
	font-size:12px;
	color:#80e0fd !important;
}
.module-login p, 
label.remember{
	color:#80e0fd !important; 
	font-size:12px; 
	font-weight:normal;
	padding:0px 0px 0px 0px;
}
.module-login a	{
	color:#008fd3;
	font-weight:normal; 
	line-height:120%;
	text-decoration:underline
}
.module-login a:hover {
	color:#008fd3; 
	text-decoration:none;
}
.module-login a:visited	{
	color:#008fd3;
}
.module-login .inputbox { /* inputbox */
 
	background:url(images/login-bg.gif) no-repeat 0 0;
	border:none;
	color:#0382c0;
	font-size:11px;
	line-height:14px;
	margin:0px 0px 0px 0px;
	padding:2px 0px 3px 4px;
	vertical-align:top;
	width:138px;  
}
* html .module-login .inputbox {
	height:18px;
	width:138px
}
.module-login .button	{ /* button */
	background:url(images/loginform_button.gif) no-repeat 0 0;
	border:none;  
	color:#fff;
	font:bold 10px tahoma;
	float:right;
	line-height:14px;
	margin:0px 0px 3px 0px;
	padding:2px 0px 4px 0px;
	text-align:center;
	text-transform:uppercase;
	width:62px;
	vertical-align:top;     
}
.module-login .logout {
	float:left;
}
* html .module-login .button {
	height:18px;
	width:62px;
}
#mod_login_remember	 { /*checkbox*/
	background:#fff; 
	border:none; 
	display:block;
	float:left; 
	margin:0px 4px 0px 0px; 
	vertical-align:middle;  
	width:12px;
	height:12px
}
#cont {
	margin:0px 0px 0px 0px;
	overflow:hidden;
}
#inputs		{
	width:660px;
	padding:5px 0px 0px 0px;
}
* html #inputs	{
	width:100%
}
.username	{
	float:left;
	width:216px;
}
.pass		{
	float:left;
	width:223px;
}
.links				{
	background:url(images/login-separator.gif) no-repeat 0 0;
	float:right;
	padding:0px 0px 0px 0px;
	width:198px;
}
.links div {
	color:#fff;
	font:normal 11px Arial;
}
.login-button {
	float:left;
	width:62px;
	padding:0px 0px 0px 0px;
}
.username label,
.pass label {
	display:block;
	float:left;
	padding:2px 7px 0px 0px;
	vertical-align:top;
}
#rememb {
	width:123px;
	float:left;
	padding:4px 0px 0px 0px;
}
/*---------------------------------------------------------structure---*/
 
#body {
	background:url(images/tail.gif) repeat-x 0 0 #001b2f;
}
.main 		{
	width:887px;
	padding:0px 0px 20px 0px;
}
/*-------------------------------------header---*/
#loinform	{
	height:63px;
	overflow:hidden;
	width:100%;
}
#header		{
	background:url(images/header_bg.jpg) no-repeat right 0; 
	height:150px;
}
#header .space	{
	padding:52px 0px 0px 50px;
}
	#logo {
		height:64px;
		padding:0px 0px 0px 34px;
	}
#topmenu {
	height:43px;
	width:100%;
	overflow:hidden;
	background:url(images/topmenu_left.gif) no-repeat 0 0 #286e92;
}
 
/*-------------------------------------content---*/
#content {
	padding:24px 12px 20px 12px;
}
#content .width {
	overflow:hidden;
}
.content-top {
	background:url(../images/content-top.gif) repeat-x 0 0;
	width:100%;
}
.content-top-left {
	background:url(../images/content-top-left.gif) no-repeat 0 0;
 
}
.content-top-right {
	background:url(../images/content-top-right.gif) no-repeat right 0;
	width:100%;
}
#indent {
	padding:32px;
}
	#right {
		float:right;
		width:204px;
	}
	#left {
		float:left;
		width:204px;
	}
	#wrapper {
		margin:0px 215px 0px 215px;
	}
	* html #wrapper {
		margin:0px 212px 0px 212px;
	}
	#wrapper2 {
		margin:0px 215px 0px 0px;
	}
	* html #wrapper2 {
		margin:0px 212px 0px 0px;
	}
	#wrapper3 {
		margin:0px 0px 0px 215px;
	}
	* html #wrapper3 {
		margin:0px 0px 0px 212px;
	}
	#wrapper23 {
		margin:0px 0px 0px 0px;
	}
	* html #wrapper23 {
		margin:0px 0px 0px 0px;
	}
	
	
.comp-cont {
	width:100%;
}
 
/*-------------------------------------footer---*/
 
#footer		{
	border-top:1px solid #032e45;
	height:77px
}
 
#footer .space	{
	color:#396580;
	font-size:12px;
	font-weight:normal;
	padding:29px 0px 0px 40px;
	text-align:left;
}
 
#footer a		{
	color:#396580; 
	font-weight:normal; 
	text-decoration:underline;
}
 
#footer a:hover	{
	text-decoration:none
}
.clr {
	overflow:hidden;
	width:100%;
}
.title_l	{
	background:url(images/title-border.png) repeat-y 0 0;
}
.title_r 	{
	background:url(images/title-border.png) repeat-y right 0;
}
.title_b	{
	background:url(images/title-border.png) repeat-x 0 bottom
}
.title_t	{
	background:url(images/title-border.png) repeat-x 0 0 #02253b;
	margin:0px 0px 6px 0px;
	width:100%;
}
.title_tl	{
	background:url(images/title-tl.png) no-repeat 0 0
}
.title_tr	{
	background:url(images/title-tr.png) no-repeat right 0
}
.title_bl	{
	background:url(images/title-bl.png) no-repeat 0 bottom
}
.title_br	{
	background:url(images/title-br.png) no-repeat right bottom
}
.space3		{
	padding:9px 5px 7px 18px;
}
.marg {margin:0px 0px 0px 0px !important;}
 
.inputbox { /* inputbox */
 
	background:url(images/login-select.gif) no-repeat 0 0;
	border:none;
	color:#0382c0;
	font-size:11px;
	line-height:5px;
	margin:0px 0px 0px 0px;
	padding:2px 2px 3px 2px;
	vertical-align:top;
	width:138px;
}
.inputfields { /* inputbox */
 
	background:url(images/login-bg.gif) no-repeat 0 0;
	border:none;
	color:#0382c0;
	font-size:11px;
	line-height:5px;
	margin:0px 0px 0px 0px;
	padding:2px 2px 3px 2px;
	vertical-align:top;
	width:138px;
}
.inputarea { /* inputbox */
 
	background:url(images/login-area.gif) no-repeat 0 0;
	border:none;
	color:#0382c0;
	font-size:11px;
	line-height:5px;
	margin:0px 0px 0px 0px;
	padding:2px 2px 3px 2px;
	vertical-align:top;
	width:178px;
	height:98px;
}
th {
font-weight:bold;
}
@charset "utf-8";
/* CSS Document */
* {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
html {
	height:100%
}
body {
	text-align:center
}
table {
	border-collapse:collapse;
	border:0px;
	width:100%;
}
td {
	vertical-align:top
}
th {
	text-align:left;
	vertical-align:top
}
img {
	border:none
}
h1 {
	font-size:130%
}
h2 {
	font-size:120%
}
h3 {
	font-size:110%
}
h4 {
	font-size:110%
}
p {
	padding:0px 0px 13px 0px;
}
textarea .inputbox {
	width:300px;
	height:100px;
	margin:0px 0px 5px 0px;
}
select {
	height:auto;
	margin:0px 0px 2px 0px;
	vertical-align:middle
}
ul {
	list-style:disc;
	margin:0px 0px 0px 15px;
}
ol {
	margin:0px 0px 0px 15px;
}
.width {
	width:100%
}
.main {
	margin:auto;
	text-align:left
}
                                              

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:
163:
164:
165:
166:
167:
168:
169:
170:
171:
172:
173:
174:
175:
176:
177:
178:
179:
180:
181:
182:
183:
184:
185:
186:
187:
188:
189:
190:
191:
192:
193:
194:
195:
196:
197:
198:
199:
200:
201:
202:
203:
204:
205:
206:
207:
208:
209:
210:
211:
212:
213:
214:
215:
216:
217:
218:
219:
220:
221:
222:
223:
224:
225:
226:
227:
228:
229:
230:
231:
232:
233:
234:
235:
236:
237:
238:
239:
240:
241:
242:
243:
244:
245:
246:
247:
248:
249:
250:
251:
252:
253:
254:
255:
256:
257:
258:
259:
260:
261:
262:
263:
264:
265:
266:
267:
268:
269:
270:
271:
272:
273:
274:
275:
276:
277:
278:
279:
280:
281:
282:
283:
284:
285:
286:
287:
288:
289:
290:
291:
292:
293:
294:
295:
296:
297:
298:
299:
300:
301:
302:
303:
304:
305:
306:
307:
308:
309:
310:
311:
312:
313:
314:
315:
316:
317:
318:
319:
320:
321:
322:
323:
324:
325:
326:
327:
328:
329:
330:
331:
332:
333:
334:
335:
336:
337:
338:
339:
340:
341:
342:
343:
344:
345:
346:
347:
348:
349:
350:
351:
352:
353:
354:
355:
356:
357:
358:
359:
360:
361:
362:
363:
364:
365:
366:
367:
368:
369:
370:
371:
372:
373:
374:
375:
376:
377:
378:
379:
380:
381:
382:
383:
384:
385:
386:
387:
388:
389:
390:
391:
392:
393:
394:
395:
396:
397:
398:
399:
400:
401:
402:
403:
404:
405:
406:
407:
408:
409:
410:
411:
412:
413:
414:
415:
416:
417:
418:
419:
420:
421:
422:
423:
424:
425:
426:
427:
428:
429:
430:
431:
432:
433:
434:
435:
436:
437:
438:
439:
440:
441:
442:
443:
444:
445:
446:
447:
448:
449:
450:
451:
452:
453:
454:
455:
456:
457:
458:
459:
460:
461:
462:
463:
464:
465:
466:
467:
468:
469:
470:
471:
472:
473:
474:
475:
476:
477:
478:
479:
480:
481:
482:
483:
484:
485:
486:
487:
488:
489:
490:
491:
492:
493:
494:
495:
496:
497:
498:
499:
500:
501:
502:
503:
504:
505:
506:
507:
508:
509:
510:
511:
512:
513:
514:
515:
516:
517:
518:
519:
520:
521:
522:
523:
524:
525:
526:
527:
528:
529:
530:
531:
532:
533:
534:
535:
536:
537:
538:
539:
540:
541:
542:
543:
544:
545:
546:
547:
548:
549:
550:
551:
552:
553:
554:
555:
556:
557:
558:
559:
560:
561:
562:
563:
564:
565:
566:
567:
568:
569:
570:
571:
572:
573:
574:
575:
576:
577:
578:
579:
580:
581:
582:
583:
584:
585:
586:
587:
588:
589:
590:
591:
592:
593:
594:
595:
596:
597:
598:
599:
600:
601:
602:
603:
604:
605:
606:
607:
608:
609:
610:
611:
612:
613:
614:
615:
616:
617:
618:
619:
620:
621:
622:
623:
624:
625:
626:
627:
628:
629:
630:
631:
632:
633:
634:
635:
636:
637:
638:
639:
640:
641:
642:
643:
644:
645:
646:
647:
648:
649:
650:
651:
652:
653:
654:
655:
656:
657:
658:
659:
660:
661:
662:
663:
664:
665:
666:
667:
668:
669:
670:
671:
672:
673:
674:
675:
676:
677:
678:
679:
680:
681:
682:
683:
684:
685:
686:
687:
688:
689:
690:
691:
692:
693:
694:
695:
696:
697:
698:
699:
700:
701:
702:
703:
704:
705:
706:
707:
708:
709:
710:
711:
712:
713:
714:
715:
716:
717:
718:
719:
720:
721:
722:
723:
724:
725:
726:
727:
728:
729:
730:
731:
732:
733:
734:
735:
736:
737:
738:
739:
740:
741:
742:
743:
744:
745:
746:
747:
748:
749:
750:
751:
752:
753:
754:
755:
756:
757:
758:
759:
760:
761:
762:
763:
764:
765:
766:
767:
768:
769:
770:
771:
772:
773:
774:
775:
776:
777:
778:
779:
780:
781:
782:
783:
784:
785:
786:
787:
788:
789:
790:
791:
792:
793:
794:
795:
796:
797:
798:
799:
800:
801:
802:
803:
804:
805:
806:
807:
808:
809:
810:
811:
812:
813:
814:
815:
816:
817:
818:
819:
820:
821:
822:
823:
824:
825:
826:
827:
828:
829:
830:
831:
832:
833:
834:
835:
836:
837:
838:
839:
840:
841:
842:
843:
844:
845:
846:
847:
848:
849:
850:
851:
852:
853:
854:
855:
856:
857:
858:
859:
860:
861:
862:
863:
864:
865:
866:
867:
868:
869:
870:
871:
872:
873:
874:
875:
876:
877:
878:
879:
880:
881:
882:
883:
884:
885:
886:
887:
888:
889:
890:
891:
892:
893:
894:
895:
896:
897:
898:
899:
900:
901:
902:
903:
904:
905:
906:
907:
908:
909:
910:
911:
912:
913:
914:
915:
916:
917:
918:
919:
920:
921:
922:
923:
924:
925:
926:
927:
928:
929:
930:
931:
932:
933:
934:
935:
936:
937:
938:
939:
940:
941:
942:
943:
944:
945:
946:
947:
948:
949:
950:
951:
952:
953:
954:
955:
956:
957:
958:
959:
960:
961:
962:
963:
964:
965:
966:
967:
968:
969:
970:
971:
972:
973:
974:
975:
976:
977:
978:
979:
980:
981:
982:
983:
984:
985:
986:
987:
988:
989:
990:
991:
992:
993:
994:
995:
996:
997:
998:
999:
1000:
1001:
1002:
1003:
1004:
1005:
1006:
1007:
1008:
1009:
1010:
1011:
1012:
1013:
1014:
1015:
1016:
1017:
1018:
1019:
1020:
1021:
1022:
1023:
1024:
1025:
1026:
1027:
1028:
1029:
1030:
1031:
1032:
1033:
1034:
1035:
1036:
1037:
1038:
1039:
1040:
1041:
1042:
1043:
1044:
1045:
1046:
1047:
1048:
1049:
1050:
1051:
1052:
1053:
1054:
1055:
1056:
1057:
1058:
1059:
1060:
1061:
1062:
1063:
1064:
1065:
1066:
1067:
1068:
1069:
1070:
1071:
1072:
1073:
1074:
1075:
1076:
1077:
1078:
1079:
1080:
1081:
1082:
1083:
1084:
1085:
1086:
1087:
1088:
1089:
1090:
1091:
1092:
1093:
1094:
1095:
1096:
1097:
1098:
1099:
1100:
1101:
1102:
1103:
1104:
1105:
1106:
1107:
1108:
1109:
1110:
1111:
1112:
1113:
1114:
1115:
1116:
1117:
1118:
1119:
1120:
1121:
1122:
1123:
1124:
1125:
1126:
1127:
1128:
1129:
1130:
1131:
1132:
1133:
1134:
1135:
1136:
1137:
1138:
1139:
1140:
1141:
1142:
1143:
1144:
1145:
1146:
1147:
1148:
1149:
1150:
1151:
1152:
1153:
1154:
1155:
1156:
1157:
1158:
1159:
1160:
1161:
1162:
1163:
1164:
1165:
1166:
1167:
1168:
1169:
1170:
1171:
1172:
1173:
1174:
1175:
1176:
1177:
1178:
1179:
1180:
1181:
1182:
1183:
1184:
1185:
1186:
1187:
1188:
1189:
1190:
1191:
1192:
1193:
1194:
1195:
1196:
1197:
1198:
1199:
1200:
1201:
1202:
1203:
1204:
1205:
1206:
1207:
1208:
1209:
1210:
1211:
1212:
1213:
1214:
1215:
1216:
1217:
1218:
1219:
1220:
1221:
1222:
1223:
1224:
1225:
1226:
1227:
1228:
1229:
1230:
1231:
1232:
1233:
1234:
1235:
1236:
1237:
1238: