/****************** my part *******************/

fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  width: 450px; 
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
  float:left;
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

fieldset label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 100px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}



input.searchButton {
	color:#ffffff;
	background-color:#129CE3;
	border:1px solid #999999;
	font-size:10px;
	font-weight:bold;
}
input.searchTextbox {
	border:1px solid #999999;
	font-size:10px;
	margin:0px;
	padding:1px;
}

input, textarea, button {
	font-size:13px;
	border:1px solid #999999;
}

input.radio { border:0px; }

input.checkbox {
	border:0px;
}

input#button,
input.button,
button {
	font-weight:bold;
	color:#ffffff;
	background-color:#129CE3;
	margin-top:6px;
	margin-bottom:0px;
}

input.inactiveButton,
button.inactiveButton {
	font-weight:normal;
	color:#000000;
	background-color:#e8e8e8;
	margin-top:6px;
	margin-bottom:0px;
}
/* required is colored red */
span.required {
    color: #FF0000;
}



.info{
  /*clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #e8e8e8;
  border-width: 0px;
  width: 375px; 
  border-style: solid;
  padding: 0px; 
  top: 0px;
  bottom: 50px;
  margin: 0px;
  
   /* padding in fieldset support spotty in IE */
 }
 
/* number of pages */ 
 .STYLE1 a{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#2e4c68;

}

.STYLE1 a:hover{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#E77503;

}

/* text of videos */
.text {font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:10px; padding-left:0px; padding-right:0px}
.texttop1 {font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:11px; margin:5px}
.texttop2 {font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:11px; margin:100px}


/* video image border*/
/*.borderit img{
border: 1px solid #ccc;
}

.borderit:hover img{
border: 1px solid red;
}*/

/*.borderit:hover{
color: red; /* irrelevant definition to overcome IE bug 
}*/

/* a link of video*/
.style2 a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*font-weight:bold;*/
	font-size:11px;
	color:#2e4c68;
}

.style2 a:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*font-weight:bold;*/
	font-size:11px;
	color:#E77503;
}

.style42 a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*font-weight:bold;*/
	font-size:13px;
	color:#2e4c68;
}

.style42 a:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*font-weight:bold;*/
	font-size:13px;
	color:#E77503;
}

.tdcolor{
	background-color: #F0F0F0;
	border: 1px solid #A8A8A8;
	padding: 5px;
	margin-top:5px;
	width:132px;
}

.more_vid a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	color:#2e4c68;
}

.more_vid a:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	color:#698B69;
}

.Slink a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#E41B17;
}

.Slink a:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#E55451;
}
.Tglink a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#15317E;
}

.Tglink a:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#5C5858;
}

.ref{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	color:#342826;
}
.resp{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#342826; 
	font-size:11px;
	padding-left:0px; 
	padding-right:0px
}

.resp2{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#342826; 
	font-size:12px;
	padding-left:0px; 
	padding-right:0px
}

.online{
	color:#387C44; 
	font-weight:bold;
}
.offline{
    color:#C11B17;  
 	font-weight:bold;
}

/*pagination*/

 div.pageNavigation {

border:0px;

padding:0px;

margin:0px;

}





a.pageNavigation {

color:#990000;

display:inline;

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

font-weight:bold;    

border:0px;

padding:0px;

margin:0px;

}



ul.pageNavigation {

display:inline;

border:0px;

padding:0px;

margin:0px;

}



ul.pageNavigation li {

display:inline;

padding:0px;

margin:0px;

border:0px;

}





a.paginationLink:link {

color:#990000;

border: 1px solid #990000;

font-size:13px;

font-weight:bold;

text-decoration:none;

padding-left:5px;

padding-right:5px;

padding-top:0px;

padding-bottom:0px;

margin:0px;

line-height:1.5em;

}



a.paginationLink:visited {

color:#990000;

border: 1px solid #990000;

font-size:13px;

font-weight:bold;

text-decoration:none;

padding-left:5px;

padding-right:5px;

padding-top:0px;

padding-bottom:0px;

margin:0px;

line-height:1.5em;

}



a.paginationLink:hover {

color:#FFFFFF;

border: 1px solid #990000;

background-color:#990000;

font-size:13px;

font-weight:bold;

text-decoration:none;

padding-left:5px;

padding-right:5px;

padding-top:0px;

padding-bottom:0px;

margin:0px;

line-height:1.5em;

}



a.paginationLink:active {

border: 1px solid #990000;

font-size:13px;

font-weight:bold;

text-decoration:none;

padding-left:5px;

padding-right:5px;

padding-top:0px;

padding-bottom:0px;

margin:0px;

line-height:1.5em;

}



li.currentPage span {

border: 1px solid #990000;

background-color: #990000;

color: #FFFFFF;

font-size:13px;

padding-left:5px;

padding-right:5px;

padding-top:0px;

padding-bottom:0px;

margin:0px;

}

.right_content a{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#191970;
}

.right_content a:hover, a:visited{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#191970;
}

.admin_bts a{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#ffffff;
}

.admin_bts a:hover{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#B7D4DD;
}

.admin_bts a:visited{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#ffffff;
}