/* CSS for  linuxtracker.org 
filename: lt-0807.css
Copyleft 2008 by John G. Boice under the GNU General Public License
for the text of the GPL : 
http://www.gnu.org/licenses/gpl.txt  
http://sblinux.org/pages/gpl.txt
Free Software Foundation, Inc.,
 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
Briefly: this means you can freely use this CSS or a modified version of it, 
or incorporate a part of it in another document, but not without including  
this Copyleft notice in it's entirety at the head of the copy, modified document 
or document which includes this Copylefted material. 
*You may not charge a fee or price for this document nor any document that 
is a modified version of it nor any document which contains a portion of it. 
This summary is for general information purposes: the Copyleft is governed by 
the actual text of the GPL, to which two links are included in this notice.
*/
/* -------###################  01: PAGE LEVEL FORMATS ################### -------- */  
/* ----------------  determines characteristics of entire page ------------------ */  
body {
  margin : 0px;
  border : 0px;
 padding: 0px 0px 5px 0px; 
background-color : #666666;
  font-family : "Verdana", "Helvetica", sans-serif;
  font-size : 11px;
text-decoration: none;
text-align: center;
}

.usercheck-available {

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

font-size: 10px;

font-weight: bold;

color: #339900;

}

.usercheck-taken {

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

font-size: 10px;

font-weight: bold;

color:red;

}



#content {
display : block; 
margin-left:auto;
	margin-right:auto;
	text-align:left;

padding: 0px 0px 0px 0px;
width:  1000px;
height: 100%;
background-color:inherit;
color: #000; 
text-decoration: none;
} 
#format {
position :absolute;
top: 3px;
left: auto;
display : block; 
text-align: center;
margin : 0px 0px 0px  0px;
padding: 0px 0px 50px 0px;
width:  1000px;
height: auto;
background-color: inherit;
color: #000; 
text-align :center;
text-decoration: none;
} 
#textarea-0 {  
position :relative ;
display : block; 
width:  1000px;
height: auto;
margin : 133px 0px 0px  0px;
padding: 0px 0px 10px 0px;
background-color: #f1ede5;
font-family: "Verdana", sans-serif;
font-size: 11px ;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-align: left;
color : black;
}
#textarea-1 {  
position :relative;
display : block; 
width:  1000px;
height: auto;
margin : 0px 0px 0px  0px;
padding: 0px 0px 10px 0px;
background-color: inherit;
font-family: "Verdana", sans-serif;
font-size: 11px ;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-align: left;
color : black;
}
#textarea-2 {  
position : relative;
display : block; 
width:  1000px;
height: auto;
margin : 0px 0px 0px  0px;
padding: 0px 0px 0px 0px;
background-color : inherit;
font-family: "Verdana", sans-serif;
font-size: 11px ;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-align: left;
color : black;
clear: both;
}
#footer {  
position: relative;
display : block; 
width:  1000px;
margin :20px 0px 20px  0px;
padding: 0px 0px 0px 0px;
background : inherit;
font-family: "Verdana", sans-serif;
font-size: 11px ;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-align: center;
color : black;
}
.textblock {  
position : relative;
display : block; 
width:  1000px;
height: auto;
margin : 0px 0px 0px  0px;
padding: 0px 0px 0px 0px;
background-color : inherit;
font-family: "Verdana", sans-serif;
font-size: 11px ;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-align: left;
color : black;
clear: both;
}
.textblock-rc {  
position : relative;
display : block; 
width:  790px;
height: auto;
margin : 0px 0px 0px  0px;
padding: 0px 0px 0px 0px;
background-color : inherit;
font-family: "Verdana", sans-serif;
font-size: 11px ;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-align: left;
color : black;
clear: both;
}
/* ------- ################### END PAGE LEVEL FORMATS ################### --------- */
/* ------- ###################  02: TEXT CONTENT DIV FORMATS ###################  --------- */  
/* -------determines characteristics of the major sections on the page --------- */  
/* ------- ###################  02.0: HEADER  AREA  DIV FORMATS ###################  --------- */  
#header {
position :relative;
display : block; 
top: 3px;
left: auto;
float: none;
background-image: url("./grafx/head-137b.png");
width: 1000px;
height: 138px;
border: 0;
margin: 4px 0px 0px 0px ;
}
#menubar {
position :relative;
display : block; 
top: 137px;
left: auto;
width:  inherit;
height:  24px;
background-image: url("./grafx/menubar-24.jpg");
background-repeat: repeat-x;
text-align: left;
margin : 0px 0px 0px  0px;
border : 0;
padding : 0;
font-family: "Verdana", sans-serif;
font-size: 11px ;
font-style: normal;
text-decoration: none;
color: white;
text-align: left;
padding:  2px 0px 0px 0px;
}
#banner {
position :relative;
display : block; 
top: 135px;
left: auto;
float: none;
width: 1000px;
height: 160px;
background-image: url("./grafx/banner-01.jpg");
text-align: center;
margin : 0px 0px 0px  0px;
border : 0;
padding : 0px;	
}
#adbar {
position :relative;
display : block; 
top: 132px;
left: auto;
width:  1000px;
height:  24px;
background: #000;
text-align: left;
margin : 0px 0px 0px  0px;
border : 0;
padding : 0;
font-family: "Verdana", sans-serif;
font-size: 11px ;
font-style: normal;
text-decoration: none;
color: white;
text-align: left;
padding-top:  5px;
	}
a.adbarLink:link{
color:#ffffff; 
 }
a.adbarLink:visited{
color:#ffffff;
 }
/* ------- ###################  END 02.0: HEADER  DIV FORMATS ###################  --------- */  	
/* ------- ###################  02.1: TEXTAREA-1  DIV FORMATS ###################  --------- */  
#newsbox {
display : block; 
position : static;
width:  460px;
height: auto;
margin: 0px 0px 0px 10px ;
padding: 10px 0px 0px 0px ;	
background-color: transparent;
font-family: "Verdana", sans-serif;
font-size: 11px ;
font-style: normal;
text-decoration: none;
color: black;
text-align: left;
}
#featurebox {
position :relative;
display : block; 
float: right;
width:  498px;
height: auto;
border: 0;
margin: 0px 0px 0px 0px ;
padding: 10px 13px 0px 0px ;
background-color: transparent;
font-family: "Verdana", sans-serif;
font-size: 11px ;
font-style: normal;
text-decoration: none;
color: black;
text-align: left;
border: 0;	
}	
.bluehead462 { /* for #newsbox */
display : block; 
width: 462px;
height: 38px;
background-repeat: no-repeat;
border: 0;
background-image: url("./grafx/bluehead462.png");
margin: 0px 0px 0px 0px ;
padding: 0px 0px 0px 15px ;
font-family: "Verdana", sans-serif;
font-size: 14px ;
line-height:  36px;
font-style: normal;
font-weight: bold;
text-decoration: none;
text-align: left;
vertical-align: bottom;
color : white;
}	
.ornghead500 { /* for #featurebox */
display : block; 
width: 500px;
height: 38px;
border: 0;
background-image: url("./grafx/ornghead500.png");
background-repeat: no-repeat;
margin: 0px 0px 0px 0px ;
padding: 0px 0px 0px 15px ;
font-family: "Verdana", sans-serif;
font-size: 14px ;
line-height:  36px;
font-style: normal;
font-weight: bold;
text-decoration: none;
text-align: left;
vertical-align: bottom;
color : white;
}	
/* ------- ###################  02.1: TEXTAREA-1  DIV FORMATS ###################  --------- */  
/* ------- ###################  02.2: TEXTAREA-2  DIV FORMATS ###################  --------- */  
#leftcol {  
position :relative;
display : block; 
float: left;
width:  200px;
margin : 0px 0px 0px  0px;
padding: 0px 0px 0px 0px;
background-color : inherit;
font-family: "Verdana", sans-serif;
font-size: 11px ;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-align: left;
color : black;
}
#rightcol {  
position :relative;
display : block; 
float: right;
width:  790px;
margin : 0px 0px 0px  0px;
padding: 0px 0px 0px 0px;
background-color : inherit;
font-family: "Verdana", sans-serif;
font-size: 11px ;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-align: left;
color : black;
clear: both;
}
#advert-bottom {
position: relative;
display : block; 
width:  1000px;
margin :0px 0px 0px  0px;
padding: 0px 0px 0px 0px;
background : blue;
font-family: "Verdana", sans-serif;
font-size: 11px ;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-align: right;
color : black;
}
/* ------- ###################  END 02.2: TEXTAREA-2  DIV FORMATS ###################  --------- */  
/* ------- ###################  02.3: Misc TEXTBOX FORMATS ###################  --------- */  
.box  {
display : block; 
width: 100%;
height: auto;
border: 0;
background-color: transparent;
margin: 0px 10px 0px 0px ;
padding: 5px 5px 5px 5px ;	
}	
.box1 {
display : block; 
width: 100%;
height: auto;
background-color: #ffffff;
border-style: solid;
border-right: 1px solid  #c3bfb9;
border-left:    1px solid  #c3bfb9;
border-top: none;
border-bottom: none;
margin: 0px 0px 0px 0px ;
padding: 0px 0px 0px 0px ;
}	
.box2 {
display : block; 
width: 100%;
height: auto;
background-color: #ffffff;
border-style: solid;
border-top: none;
border-right: none;
border-bottom: 1px solid  #367bc9;
border-top: none;
border-left: none;
margin: 0px 0px 0px 0px ;
padding: 0px 0px 0px 0px ;
}	
.screenbox  {
display : block; 
width: 100%;
height: auto;
border: 0;
background-color: #e2e9f1;
border-bottom: 1px solid  #367bc9;
margin: 0px 0px 0px 0px ;
padding: 6px 0px 5px 0px ;
font-family: "Verdana", sans-serif;
font-size: 11px ;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-align: left;
color : black;
}	
.screenbox2  {
display : block; 
width: 319px;
height: auto;
border: 0;
background-color: #e2e9f1;
border-right: 1px solid  #367bc9;
margin: -1px 0px 0px 0px ;
padding: 0px 0px 0px 0px ;
font-family: "Verdana", sans-serif;
font-size: 11px ;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-align: left;
color : black;
clear: left;
}	
.diggbox  {
display : inline; 
float: right;
width: 178px;
height: auto;
border: 0;
background-color: inherit;
margin: 0px 0px 0px 0px ;
padding: 0px 0px 0px 0px ;
font-family: "Verdana", sans-serif;
font-size: 11px ;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-align: left;
color : black;
clear: both;
}	
.textbox  {
display : block; 
width: 90%;
height: auto;
border: 0;
background-color: #ffffff;
margin: 0px 10px 0px 15px ;
padding: 5px 5px 5px 5px ;	
}	
/* ------- ###################  END 02.3: Misc TEXTBOX FORMATS ###################  --------- */  

/* ------- ###################  02.4: LEFTCOL  DIV FORMATS ###################  --------- */  
.box183  {
position :relative;
display : block; 
width:  181px;
height: auto;
margin: 20px 0px 0px 10px ;
padding: 0px 0px 0px 0px ;	
background-color: transparent;
font-family: "Verdana", sans-serif;
font-size: 11px ;
font-style: normal;
text-decoration: none;
color: black;
text-align: left;
}
.box183i {
display : block; 
width: 181px;
height: auto;
background-color: #ffffff;
border-style: solid;
border-right: 1px solid  #c3bfb9;
border-left:    1px solid  #c3bfb9;
border-top: none;
border-bottom: none;
margin: 0px 0px 0px 0px ;
padding: 0px 0px 0px 0px ;
}	
.ornghead183 {
display : block; 
width: 183px;
height: 38px;
background-repeat: no-repeat;
border: 0;
background-image: url("./grafx/ornghead183.png");
margin: 0px 0px 0px 0px ;
padding: 0px 0px 0px 15px ;
font-family: "Verdana", sans-serif;
font-size: 14px ;
line-height:  36px;
font-style: normal;
font-weight:bold;
text-decoration: none;
text-align: left;
vertical-align: bottom;
color : white;
}	
.bluehead183 {
display : block; 
width: 183px;
height: 38px;
background-repeat: no-repeat;
border: 0;
background-image: url("./grafx/bluehead183.png");
margin: 0px 0px 0px 0px ;
padding: 0px 0px 0px 15px ;
font-family: "Verdana", sans-serif;
font-size: 14px ;
line-height:  36px;
font-style: normal;
font-weight: bold;
text-decoration: none;
text-align: left;
vertical-align: bottom;
color : white;
}	
.textbox-s  {
display : block; 
width: 86%;
height: auto;
border: 0;
background-color: #ffffff;
margin: 0px 10px 0px 10px ;
padding: 5px 5px 5px 5px ;
font-family: "Verdana", sans-serif;
font-size: 11px ;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-align: left;
text-indent:  6px;
color : black;
}	
/* ------- ###################  END 02.3: LEFTCOL  DIV FORMATS ###################  --------- */  
/* ------- ###################  02.4: RIGHTCOL  DIV FORMATS ###################  --------- */  
.mid-advert780  {
position :relative;
display : block; 
float: right;
width:  778px;
height: auto;
margin: 20px 13px 0px 0px ;
padding: 0px 0px 0px 0px ;	
background-color: transparent;
font-family: "Verdana", sans-serif;
font-size: 11px ;
font-style: normal;
font-weight: bold;
text-decoration: none;
color: black;
text-align: center;
}
.bluebox780  {
position :relative;
display : block; 
float: right;
width:  778px;
height: auto;
margin: 20px 13px 0px 0px ;
padding: 0px 0px 0px 0px ;	
background-color: transparent;
font-family: "Verdana", sans-serif;
font-size: 11px ;
font-style: normal;
text-decoration: none;
color: black;
text-align: left;
}
.boxhead780 {
display : block; 
width: 778px;
height: 38px;
background-repeat: no-repeat;
border: 0;
background-image: url("./grafx/bluehead780.png");
margin: 0px 0px 0px 0px ;
padding: 0px 0px 0px 15px ;
font-family: "Verdana", sans-serif;
font-size: 14px ;
line-height:  36px;
font-style: normal;
font-weight: bold;
text-decoration: none;
text-align: left;
vertical-align: bottom;
color : white;
}	
/* ------- ###################  END 02.4: RIGHTCOL  DIV FORMATS  ###################  --------- */  
/* ------- ################### END 02: PAGE ELEMENT DIV FORMATS ################# --------- */
/* ------- ########################    03: misc DIV FORMATS   ######################## --------- */
/* ------- ########################  END 03: misc DIV FORMATS  ##################### --------- */
/* ------- ########################## 04: TEXT  FORMATS    ######################### --------- */
/* ------- ####################### 4.1: MAIN PARAGRAPH STYLES  #################### --------- */ 
p {  /* justified paragraphs   */
margin: 0px 0px 0px 0px;
font-family: "Verdana", sans-serif;
font-size: 11px ;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-align: justify;
text-indent: 15px;
color : black;
}
p.fl { /* flush-left   */
margin: 0px 0px 0px 0px;
font-family: "Verdana", sans-serif;
font-size: 11px ;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-align: left;
text-indent:  6px;
color : black;
}
p.fr {  /* flush-right   */
margin: 0px 0px 0px 0px;
font-family: "Verdana", sans-serif;
font-size: 11px ;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-align: left;
text-indent:  6px;
color : black;
}
p.screentext {  /* flush-left text in sceened textboxes   */
	margin: 0px 0px 0px 15px;
	font-family: "Verdana", sans-serif;
font-size: 11px ;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-align: left;
color : black;
}
.c { /* centered   */
text-align: center;	
}
/* ------- ######################## END 4.1: MAIN TEXT STYLES  ##################### --------- */ 
/* ------- ########################## 4.2: HEADLINE STYLES  ####################### --------- */ 
h1 {
  font-family : "Trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif;
  font-size : 22px;
  text-decoration : none;
  line-height : 120%;
  color : #000000;
  margin : 0; 
}
h2 {
  font-family : "Arial", "Helvetica", sans-serif;
  font-size: 17px;
  text-decoration : none;
  line-height : 120%;
    color : #000000;
  font-size: 17px;
  margin : 0; 
}
h2.screentext {
  font-family : "Arial", "Helvetica", sans-serif;
  font-size: 17px;
  text-decoration : none;
  line-height : 120%;
 color : #3366cc;
  font-size: 17px;
  margin : 0px 0px 0px 0px; 
  padding:10px 10px 5px 15px ;
}
/* ------- ######################## END 04: TEXT  FORMATS    ####################### --------- */
/* ------- ###########################       05: TABLES        ########################### --------- */
/*   No table styles set at this time, but they'll probably be needed.   */
/* ------- ###########################  END  05: TABLES   ########################### --------- */
/* ------- ###########################       06: LISTS        ########################### --------- */
/* ------- ########################      06.1: MENU LIST     ########################## --------- */
ul.menu {
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
text-decoration : none; 
}
li.menu {
display:inline
}
/* ------- ########################  END 06.1: MENU LIST    ######################### --------- */
/* ------- ###########################  END  06: LISTS   ########################### --------- */
/* ------- ###########################       07: LINKS           ########################### --------- */
/* ------- ###########################     07.1: MENU LINKS     ######################## --------- */
a.menu:link, a.menu:visited {
text-decoration : none; 
font-weight : bold; 
width:25px;
text-decoration:none;
color:white;
background-color:transparent;
padding:0.2em 0.6em;
} 
a.menu:hover, a.menu:active, a.menu:focus {
text-decoration : none; 
font-weight : bold; 
color : #000;
background-image: url("./grafx/menu-hl.png"); 
} 
/* ------- ########################    END  07.1: MENU LINKS   ####################### --------- */
/* ------- ###########################     07.2: MISC. LINKS     ######################## --------- */
a:link, a:visited {
text-decoration: none;
border: none;
color: #blue;
}
a:hover, a:active {
text-decoration: none;
border: none;
color:  red;
  }

td.colhead {
  background-color : #ececec;
  padding : 4px;
  font-family : Verdana, Helvetica, sans-serif;
  font-size : 10px;
  border-color : #ffffff;
  border-style : solid;
  border-width : 1px 1px 0;
}
td.coltable {
  background-color : #a9b8c2;
  padding : 0;
  border : 0 solid #006699;
}
td.rowhead {
  background-color : #ececec;
  padding : 4px;
  font-family : Verdana, Helvetica, sans-serif;
  font-size : 10px;
  border-color : #ffffff;
  border-style : solid;
  border-width : 1px 1px 0;
}
td.rowhead2 {
  background-color : #f7f7f7;
  padding : 4px;
  font-family : Verdana, Helvetica, sans-serif;
  font-size : 10px;
  border-color : #ffffff;
  border-style : solid;
  border-width : 1px 1px 0;
}
.row1 {
  background-color : #f7f7f7;
  padding : 4px;
  font-family : Verdana, Helvetica, sans-serif;
  font-size : 10px;
  border-color : #ffffff;
  border-style : solid;
  border-width : 1px 1px 0;
}
.row2 {
  background-color : #ececec;
  padding : 4px;
  font-family : Verdana, Helvetica, sans-serif;
  font-size : 10px;
  border-color : #ffffff;
  border-style : solid;
  border-width : 1px 1px 0;
}
.row3 {
  background-color : #f7f7f7;
  margin : 4px;
  padding : 10px;
  font-family : Verdana, Helvetica, sans-serif;
  font-size : 10px;
  border-width : 0px;
}

/* ------- ########################    END  07.2: MISC. LINKS   ####################### --------- */
/* ------- ###########################  END  07: LINKS   ########################### --------- */
/* ######### End Main Tracker Body ######### Start Ajax Poll System ######### */

td.deleted {
    background-color:#FF95AC;
    color:#000000;
}

td.added {
    background-color:#C1FF83;
    color:#000000;
}

td.modified {
    background-color:#DEDEDE;
    color:#000000;
}

#mainContainer {
    width:100%;
    overflow:auto;
    text-align:left;
    background-color:#DDE5EB;
    
}

#mainContent {
    padding:0px;
        
}
  
.clear {
    clear:both;
}

.poller {  /* The poller box */
  
    width:100%;
    background:#DDE6EF;
        overflow:hidden;
}

.pollerTitle {  /* Poller title above radio buttons */
    margin-top:0px;
    margin-bottom:5px;
    font-weight:bold;
    font-size:1em;
}

.pollerOption {  /* Label for each radio button */
    margin:0px;
}

.result_pollerOption {  /* Label for each option above graph - i.e. results */
    margin:0px;
    font-size:0.8em;
}

.result_pollerTitle {  /* Title of poller - when ajax shows the results */
    margin-top:0px;
    margin-bottom:5px;
    font-weight:bold;
    font-size:1em;
}

.result_pollGraph img {  /* Don't change this one, it is used to get the left and right image(the corner) positioned correctly */
    float:left;
}

.result_pollGraph div {  /* The <div> tag where the percentage result is shown */
    float:left;
    height:12px;
    background-repeat:repeat-x;
    color:#FFF;
    font-size:0.9em;
    line-height:16px;
}

.result_pollGraph {  /* Graph div - parent of both the corner images and the div displaying percentage votes */  
    height:12px;
}
  
.poller_waitMessage {  /* Message when Ajax is working getting restults fromt the server */
    display:none;  
}  

.result_totalVotes{
    clear:left;
    font-size:0.8em;
    margin-top:10px;
    font-style:italic;
    background:transparent;
}

th {
    text-align:left;
}
.formButton {
    width:75px;
}
/* ######### End Ajax Poll System ######### Start Ajax Chat ######### */
#chat {
overflow: auto;
width: 100%;
height: 220px;
padding: 0px;
}

#chatoutput ul {
    list-style: none;
    margin:0px;
    padding:0px;
    padding:5px 4px 6px 5px;
}

div.chatoutput {
    background:#dde6ef;
    padding:5px 0px 3px 10px;
    margin:0px;
    color:#006699;
    line-height: 150%;
    margin-bottom:2px;
}

div.loader {
background-image: url('images/ajaxchat/loading.gif'); 
background-repeat: no-repeat; 
background-position:center center; 
width:32px; 
height:32px;
}

#chatoutput ul li {
}

#chatoutput ul li span.name {
    display: block;
    background:url(images/ajaxchat/bubble.png) no-repeat left;
    padding-left:19px;
      margin-bottom:1px;
    font-weight: normal;
    color: #000;
}

#chatoutput ul li:hover span.name {
    background:url(images/ajaxchat/bubblehover.png) no-repeat left;
}

form {
    padding:0px;
    margin:6px;
}

#chatoutput {
    text-align: left;
    margin-right: 0px;
}

/* swaps edit and delete images on mouse over */
img.EditSwap {
background:url(images/ajaxchat/shout_edit_gray.gif) no-repeat bottom;
}
img.EditSwap:hover {
background:url(images/ajaxchat/shout_edit.png) no-repeat bottom; 
}
img.DeleteSwap {
background:url(images/ajaxchat/shout_delete_gray.gif) no-repeat bottom;
}
img.DeleteSwap:hover {
background:url(images/ajaxchat/shout_delete.png) no-repeat bottom; 
}
/* end of swaping */

img.form {
background:url(images/ajaxchat/frame.png) no-repeat;
}
img.form:hover {
background:url(images/ajaxchat/frame_hover.png) no-repeat;
}
/* ######### End Ajax Chat ######### */

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none;
 }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}

/* -------  ###################################################################  --------- */
/* ------- ###########################   END  OF FILE   ########################### --------- */
/* -------  ###################################################################  --------- */