/* 
  ***************** 
  Base CSS
  *****************
*/
p	 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;	
	}
a img { 
	border: none;
}
a.img:visited { 
	background-image:none !important;
}
html body#mainBody {
	color: rgb(187,187,187);
	text-align: center; /* for IE */
    background-color:  rgb(225,225,225);
}
html body#selectorBody {
	height: 100%;
	width: 100%;
	color: rgb(187,187,187);
	overflow:hidden;
}
html body#uploadBody {
	overflow:hidden;
	color: rgb(187,187,187);
	background-color: rgb(0,0,0);
}
#holder {
	text-align:left;
	margin-right: auto;
	margin-left: auto;
	background-color: rgb(0,0,0);
}
#header {
	background-color: rgb(0,0,0);
	width:100%;
}
#holder #navi {
	background-color: rgb(0,0,0);
}

#holder #body {
	background-color: rgb(0,0,0);
	padding-left:5px;
	padding-right:5px;
}
#holder #footer {
    clear:both;
	font-size: 10px;
	text-align:right;
}

#holder #footer #hdtab {
    width:100%;
    background: url(/template/default/button2.png) left top repeat ;
}
	/* *****************
	 HEADER MENU CSS
	 ***************** */

#hdtab {
    clear: both;
    height: 22px;
    padding: 0px 0px 0px 0px;
    display: inline;
    float:left;
}

#hdtab ul {
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: inline;
}

#hdtab li {
    color: rgb(102,102,102);
    border-bottom: none;
    float: left;
    font-size:16px;
    font-weight:600;
    margin: 0;
    padding: 0px 4px 0px 4px;
    background: url(/template/default/button2.png) left top no-repeat;
    display: inline;
    height: 22px;
}

#hdtab a {    
    color: rgb(102,102,102);
    display: inline;
    padding: 0px 5px 0px 5px;
    text-decoration: none;
}

#hdtab a.selected {    
    color: rgb(17,17,17);
	font-weight:900;
	background: url(/template/default/Highbutton2.jpg) left top no-repeat;
}

#hdtab a {
    float: none;
}

#menuImageLeft  {
    clear:none;
    float:left;
	margin-left:expression("-3px");
}
#menuImageRight  {
    clear:none;
    float:left;
	margin-left:expression("3px");
}	 
#submenu {
	 background: url(/template/default/submenu.png) repeat;
	 text-align:left;
	 clear:both;
	 vertical-align:top;
	 position:relative;
	 height:60px;
	 }

#submenu #subItem {
    vertical-align:top; 
    position: absolute; 
    left: 0;
	font-size: 14px;
	font-weight:600;
	padding: 0px 0px 0px 5px;

}

#submenu #subItem a {
    padding: 0px 5px 0px 5px;
    color: rgb(102,102,102);
	text-decoration: none;
	
}

#submenu #subItem a.selected {
    color: rgb(17,17,17);
	font-weight:900;
}

#submenu #subBanner {
	margin: 5px 5px 0px 0px;
    position:absolute; 
	border-top: solid 2px rgb(136,136,136);
	border-right: solid 2px rgb(136,136,136);
	border-left: solid 4px rgb(68,68,68);
	border-bottom: solid 4px rgb(68,68,68);
    right:0;
}

#search {
	padding-left:8px;

	position:absolute; 
    bottom:2px;
	left:0px;
}

#search form {
  margin:0;
  padding:0;
}

#search #query{
	border-top: solid 2px rgb(136,136,136);
	border-right: solid 2px rgb(136,136,136);
	border-left: solid 4px rgb(68,68,68);
	border-bottom: solid 4px rgb(68,68,68);
	border-radius:5px;
	height:2em;
}

#search #button {
	background: rgb(187,187,187) 0 0 no-repeat;
	text-align: center;
	margin:0;
	padding:0;
	width:48px;
}

#messagesBox {
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 10px;

	padding-top: 5px;
	padding-bottom: 5px;

	width:50%;
	background-color: rgb(102,102,102);
	color: #AAA;
	border: 1px rgb(255,255,255) solid;
}

#titleBox {
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 10px;

	padding-top: 5px;
	padding-left: 15px;
	padding-bottom: 5px;

	width:75%;
	background-color: rgb(102,102,102);
	color: #AAA;
	border: 1px rgb(255,255,255) solid;
}

#progress_bar {
    position:absolute;
    padding-left:50%;
    margin-top:16px;
}

#messagesBox ul {
	margin: 0px 0px 0px 0px;
}

#messagesBox li.error{
	list-style-type: square;
}

#messagesBox li.message{
	list-style-type: circle;
}

.userMessage {
	display:none;
	position:absolute;
	left:0px;
	top:16px;
	z-index:999;
}
/* 
  ***************** 
  Home Page & Announcement
  *****************
*/
#indexhd {
	max-width:500px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	font-size:22px;	
	vertical-align:top;
}
div #newshs {
	padding:12px; 
}

#newshs span.newshs {
	background-color: rgb(102,102,102);
	width:50%;
	display:block;
	border: 1px solid;
	border-bottom:none;
	padding-left:12px;
	margin-left:5px;
	margin-bottom:0px;
	position:relative;
	height:1.5em;
}
#newshs div.newshs {
	background-color: rgb(68,68,68);
	display:block;
	border: 1px solid;
	text-align:justify;
	padding: 6px; 
	margin-left:5px;
	margin-right:5px;
	margin-top:0px;
	
}

#newshs div.manageMsg{
	background-color: rgb(68,68,68);
	display:block;
	width:50%;
	border: 1px solid;
	text-align:justify;
	line-height:16px;
	padding-left:12px;
	padding-bottom:12px;
	margin-left:5px;
}
ul.listMgs {
    margin-top:0px;
    list-style-type:none;
}
#annoncementBlock {
	text-align:right;
	padding-right:15px;
	margin-top:-10px;
	margin-bottom:20px;
}
#annoncementBlock #yearDiv{
	padding-top:5px;
}

/* 
  ***************** 
  Links
  *****************
*/

#twoColumns {
	height: 75%;
	position: relative;
}


#leftSideBox {
	left:0;
	text-align:left;
	float:left;
	clear:left;
	width: 250px;
	border-right:2px solid;
	border-bottom:3px solid;
	padding-right: 5px;
}

#rightSideBox {
	padding-right:5px;
	margin-left:10px;
	float:left;
}

#leftSideBox span.title {
	margin-top:5px;
	margin-left:auto;
	text-align:center;

	display:block;
	width: 95%;
	background-color:rgb(102,102,102);
	border-right:2px solid rgb(136,136,136);
	border-bottom:2px solid rgb(136,136,136);
	border-top:2px solid rgb(68,68,68);
	border-left:2px solid rgb(68,68,68);
	font-weight:bold;
	font-size: 20px;
}

#leftSideBox ul li {
	list-style-image: url(/template/default/folder_close.gif);
}

#leftSideBox ul li.selected {
	list-style-image: url(/template/default/folder_open.gif);
}
/*	Disabled for Show Index fieldset.

#rightSideBox div fieldset legend{
	color: rgb(187,187,187);
	font-weight:bold;
}

#rightSideBox div fieldset{
	color: rgb(187,187,187);
	padding:10px;
}
*/
#faqs div {
	border: 2px solid;
	margin-top: 5px;
}

#faqs div div {
	padding-left: 5px;
	padding-right: 5px;
	border:none;
}

#faqs div span {
	clear:both;
	float:none;
	display:block;

	background-color:rgb(102,102,102);

	font-weight:bold;
	padding-left:5px;
}

.showInfo {
	display:none;
	float:left;
	width:200px;
	border:dotted;
	padding-left:10px;
	margin-bottom:10px;
	text-align:left;
}

.showInfo2 {
	display:none;
	position:absolute;
	margin-left:300px;
	background:gray;
	min-width:300px;
	width:expression("300px" );
	left:200px;
}
.showInfo2 fieldset legend {
	font-weight:bold;
}

.seqTape {
	width:125px;
	max-height:505px;
	overflow:scroll;
	position:absolute;
	left:-125px;
	top:20px
}

.seqTape2 {
	width: 550px;
	height: 200px;
	overflow:auto;
	max-height:200px;
	white-space:nowrap;
}

.seqTape3 {
	width: 100%;
	height: 200px;
	overflow:auto;
	max-height:200px;
	white-space:nowrap;
}
.seqImg {
	width:100px;
	border:solid 3px transparent;
}

div.seqDescr {
	display: none;
	clear:both;
	background-color: #C3C3C3;
	color : rgb(48,48,48);
	width:100%;
}

fieldset.leftPane {
    width:300px;
    float:left;
    position:relative;
}
fieldset.rightPane {
    width:316px;
    float:right;
    position:relative;
}


fieldset.seqDescr {
	display: none;
	clear:both;
	background-color: #C3C3C3;
	color : rgb(48,48,48);
	width: 75%;
}

#showSection {
    width: 700px;
    margin-left:auto;
    margin-right:auto;
}

#showHeader {
    background-color:#C3C3C3;
	color : rgb(48,48,48);
	font-size: 36px;
	text-align: center;
	width: 100%;
	margin-top:expression("-4px");
}
#showCharDescr {
	background-color:#C3C3C3;
	border-top: 6px solid rgb(119,119,119);
	color : rgb(48,48,48);
	clear:both;
	padding-left:12px;
}
#showFilters {
    background-color:#C3C3C3;
    border-top: 6px solid rgb(119,119,119);
	color : rgb(48,48,48);
	width: 100%;
	text-align:center;
	font-size:12px;
}

#showFilters form {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#showFilters select {
	font-size:12px;
}

#showBody {
	clear:both;
	background-color: #C3C3C3;
	color : rgb(48,48,48);
	float:right;
	width:100%;
}

#showInfo {
	background-color:#C3C3C3;
	border-top: 12px solid rgb(119,119,119);
	border-bottom: 12px solid black;
	color : rgb(48,48,48);
	clear:both;
	padding-left:8px;
	padding-bottom:8px;
	padding-right:8px;
}

#showInfo .clipInfoRow {
	display:block;
	width:100%;
	clear:both;
}
#showInfo .clipInfoRow .clipInfoCell {
	float:left;
	width:30%;
	padding: 4px; 
	padding-bottom: 16px; 
	vertical-align:top;
	text-align:center;
}

#showInfo .clipInfoRow .clipInfoCell span{
	display:block;
}

#showInfo .clipInfoRow2 {
	display:block;
	width:100%;
	clear:both;
}
#showInfo .clipInfoRow2 .clipInfoCell {
	float:left;
	width:45%;
	padding: 4px; 
	padding-bottom: 16px; 
	vertical-align:top;
	text-align:center;
}

#showInfo .clipInfoRow2 .clipInfoCell span{
	display:block;
}
#comments {
	background-color:#C3C3C3;
	border-top: 12px solid rgb(119,119,119);
	clear:both;
}
#comments #commentHead {
    background-color:#C3C3C3;
	color : rgb(48,48,48);
	font-size: 24px;
	text-align: left;
	width: 100%;
}
#comments span.comment {
	background-color: rgb(102,102,102);
	width:50%;
	display:block;
	border: 1px solid rgb(48,48,48);
	border-bottom:none;
	padding-left:10px;
	margin-left:5px;
	margin-bottom:0px;
	position:relative;
	height:1.5em;
}

#comments span img {
    margin-left:-10px;
    float:left;
    float:expression("none");
    padding-right:5px;
}
p.comment {
	background-color: rgb(68,68,68);
	display:block;
	border: 1px solid rgb(48,48,48);
	text-align:justify;
	line-height:16px;
	padding: 12px;
	margin-left:5px;
	margin-right:5px;
	margin-top:0px;
	color: rgb(187,187,187);
}
#comments .commentsLeft {
    position:absolute; 
    padding-left:75px;
    vertical-align:top;
    left:5px;
}

#comments .commentsRight {
    position:absolute;
    right:5px;
}

span.nav {
	background-color: rgb(102,102,102);

	display:block;
	border: 1px solid rgb(48,48,48);
	border-bottom:none;
	margin-bottom:0px;
	margin-left:5px;
	margin-right:5px;
	position:relative;
	height:1.5em;
}

.nav span.commentsNavLeft {
    position:absolute; 
    vertical-align:top;
    right:50%;    
    width:50%;
    text-align:center;
    border: 1px solid rgb(48,48,48);
}

.nav span.commentsNavRight {
    width:50%;
    text-align:center;
    position:absolute;
    left:50%;

    border: 1px solid rgb(48,48,48);
}


span.head {
	background-color: rgb(102,102,102);

	display:block;
	border: 1px solid rgb(48,48,48);
	border-bottom:none;
	margin-top:5px;

	margin-bottom:0px;
	margin-left:5px;
	margin-right:5px;
	position:relative;
	height:1.5em;
}

.head span.commentsNavLeft {
    position:absolute; 
    vertical-align:top;
    right:66%;    
    width:32%;
    text-align:center;
    border: 1px solid rgb(48,48,48);
}

.head span.commentsNavMid {
    position:absolute; 
    vertical-align:top;
    right:33%;    
    width:32%;
    text-align:center;
    border: 1px solid rgb(48,48,48);
}


.head span.commentsNavRight {
    width:32%;
    text-align:center;
    position:absolute;
    left:66%;
    border: 1px solid rgb(48,48,48);
}


#comments span:hover.commentsNavLeft {
    background-color: rgb(136,136,136);
	
}

#comments span:hover.commentsNavRight {
    background-color: rgb(136,136,136);
}

#comments #commentform {
    color: rgb(48,48,48);
    padding-left:12px;
       
}
#comments button {
color: rgb(48,48,48);
font-weight:bold;
background-color: rgb(102,102,102);
margin-top:6px;
margin-bottom:6px;
}

#eptable {
	margin-top:8px;
	margin-bottom:8px;
	background-color: rgb(68,68,68);
	border: 0px solid rgb(48,48,48);
	border-collapse: collapse;	
}

#eptable th {
	background-color: rgb(102,102,102);
	padding-left:2px;
	border-left:2px solid rgb(68,68,68);
}

#eptable tr.odd{
	background-color: rgb(68,68,68);
	text-transform:capitalize;
	text-align:center;
}

#eptable tr.even{
	background-color: rgb(79,79,79);
	text-transform:capitalize;
	text-align:center;
}

#eptable tr.oddBorder{
	border-top:2px solid rgb(79,79,79);
}

#eptable tr.evenBorder{
	border-top:2px solid rgb(68,68,68);
}

#eptable tr td.oddBorder{
	border-left:2px solid rgb(79,79,79);
}

#eptable td.evenBorder{
	border-left:2px solid rgb(68,68,68);
}

#eptable td.epname {
	text-align:left;
	width: 300px;
}
button {
color: rgb(48,48,48);
font-weight:bold;
background-color: rgb(102,102,102);
margin-top:6px;
}
/* 
  ***************** 
  Snipet CSS
  *****************
*/

.left {
	float:left;
	clear:left;
}
.right {
	float:right;
	clear:right;
}
.center {
	text-align:center;
}
.centerTable {
	margin-left:auto;
	margin-right:auto;
}

h2 {
	padding-left:20px;
	text-decoration:underline;

}

.block {
display:block;
}

.bold {
    font-weight:bold;
}

.error {
	color:red;
    }

li.selected {
	list-style-type:square; 
}

li li {
margin-left:-20px;
}

#body a:link { 
	color : rgb(148,148,148);
	font-weight: bold;
	text-decoration: underline;
}
a.plainTextLink {
text-decoration:underline !important ;
font-weight:normal !important ;
background:none !important ;
}
a.plainTextLink:visited {
text-decoration:underline !important ;
font-weight:normal !important ;
background-image:none !important ;
}
#body a:visited {
	color : rgb(148,148,148);

	font-weight: bold;
	text-decoration: none;
	background: url(/template/default/diagonal.gif) repeat-x 100% 100%;
	padding-bottom: 1.4px;
}
/* TO VALIDATE 

*/
.spanner  {
	max-width: 712px; 
	text-align:center;
	padding: 0px 0px 0px 0px;
	}
	
.updated {
	color:red;
	}

.updated img {
	color:red;
	border:3px dotted red;
}

img.new  {
	color:green;
	border:3px dotted green;
}
li.updated {
	color:red;
}	
li.updated li {
	color : rgb(148,148,148);
}

li.updated li.updated {
	color:red;
}
#body a.updated {
	color:red;
}

form p {
	clear:both;
}

#excerptText {
	text-align:left;
	padding-left:6px;
	padding-right:6px;
	line-height:1.2;
}
#excerptText p p{
text-align:left;
}
label {
	display: block;
    float: left;
    width: 125px;
    text-align: left;
    vertical-align: middle;
}

input[type="text"] {
	width:200px;
}
input[type="password"] {
	width:200px;
}
select.selector {
	width:200px;
}

#leftSelectBox {
	float: left;
	padding-bottom:6px;
}
#rightSelectBox {
	float: left;
	padding-left:6px;
}

#leftFilterBox {
	float: left;
	border-right: 3px dotted #ABBCC6;
}
#leftFilterBox input {
	width: 25px;
}

#rightFilterBox {
	float: left;
}

#rightFilterBox input {
	width: 25px;
}

input.checkbox {
	width: 25px;
}
.buttons {
display: inline;
}
ul.leftSelection {
	margin-left: 10px;
	padding: 0;
}
ul.leftSelection li.selected{
	list-style-type: square;
	 font-style:italic;

}
li.selected li { 
 font-style:normal;
}

li.character {
	margin-top:0px;
	margin-bottom:0px;
}
.hoverCursor {
	cursor: pointer;
}

#Upload_Filename {
	direction: rtl;
	width:100px;
	position:absolute;
	left:0;
	opacity:0;
	filter:alpha(opacity: 0);
    font-size:20px;
	z-index:100;
}

#uploadBox {
	overflow:auto;
	height:175px;
    width:100%;
	white-space:nowrap;
	border:2px solid #ABBCC6;
}

div#uploadBox  img {
	padding-left:1px;
	padding-right:1px;
	border:2px solid transparent;
	cursor: pointer;
}
div#uploadBox  img.selected {
	padding-left:1px;
	padding-right:1px;
	border:2px dotted red;
	cursor: pointer;
}

#overlayUpload {
	position:relative;
	height:30px;
	width:100px;
	overflow:hidden;
	float:left;
}


#vertical {
  width:15em; 
  padding:0;
  margin:0 auto; 
  list-style-type:none; 
  font-size:1.4em; 
  font-family:georgia, "times new roman", serif;
  }
#vertical li {
  float:left; 
  border:0.2em solid #eee;
  margin:0.1em;
  }
#vertical li a {
  text-decoration:none; 
  color:rgb(0,0,0); 
  display:block; 
  width:1.5em; 
  height:1.5em; 
  border-top:0.1em solid rgb(0,0,0); 
  height:auto;
  }
#vertical li a em {
  font-style:normal; 
  display:block; 
  text-align:center; 
  background:#fff; 
  border-left:0.1em solid rgb(0,0,0); 
  border-right:0.1em solid rgb(0,0,0);
  }
#vertical li a em.nd {
  border-bottom:0.1em solid rgb(0,0,0);
  }
#vertical li a:hover {
  background:#eee;
  }
#vertical li a:hover em {
  background:#eee; 
  color:rgb(136,0,0);
  }

.seqSelectedBox {
	border : solid 3px gold;
}

.seqUnSelectedBox {
	border : solid 3px transparent;
}

a.popup {
    position: relative;
    padding-left:8px;
    text-decoration:none !important ;
}
a.popup img {
    position: relative;
}

a:hover.popup, a:focus.popup  {
	cursor:pointer;
}

a.popup span {
	display: none;
	position: absolute; 
	border: 4px rgb(148,148,148) solid;
    width:250px; 
    background-color:rgb(48,48,48); 
	z-index: 10;
	padding:8px;
	left:32px;
	top:0px;
	overflow:visible;
	white-space:normal;
} 
	
a:link.popup span {
	display:expression("none");
}
a:visited.popup span {
	display:expression("none");
}
a:hover.popup span {
	display: block;
	z-index: 10;
}

#gallerySelector {
    clear:both; 
    float:left;
    overflow:auto; 
    white-space:nowrap;
}

#messageBar {
    float:right;    
    position:absolute;
    right:8px;
}

.gwt-DialogBox {
	background-color: rgb(102,102,102);
	border: 1px rgb(255,255,255) solid;	
}