/****************************************************************/
/* 1. IMPOSTAZIONI GENERALI  BLOG                               */
/****************************************************************/

/*--------------- 1.1  FONT, COLORE LINK, ALTRE IMPOSTAZIONI GENERALI-------*/


body { 
    background: #eee url("http://club.giovani.it/.root/skins/base/images/hp/bg01.gif") center repeat-y;
    margin: 0; 
    font:small Verdana,Arial,Sans-serif;
color:#333;
    font-size: 90%; 
}


a, a:visited { 
    color: #3737ff; 
    text-decoration: none;
}

a:hover { 
    color: orange;
}

#navigation span.altrapagina a{
	color: }

#navigation span.altrapagina a:hover{
	text-decoration: underline;}
	
.highlight{
	background: yellow;}


ul,ol{
	list-style: none;}

*{	margin: 0;
	padding: 0;}

img{	border: 0;}


.box{
	overflow: hidden;}

hr{
	display: none;}





/*----------------- 1.2  STRUTTURA DELLA PAGINA---------------------- */


#content{
	width: 750px;
	margin: 0 auto;
	background: #fff ;
	position: relative;}


#topwrapper{

}

#top{
	width: 734px;
	text-align: left;
}

#inside{
	width: 734px;
	margin: 0 auto;
margin-right:20px
}


#items{
	width: 510px;
	float: right;
	text-align: left;
	margin-bottom: 30px;
margin-top:20px;
}

#items_full {
	width: 690px;
	text-align: left;
	margin-bottom: 30px;
margin-left: 20px;
margin-right: 30px;

margin-top:20px;
}



#menu{
display:block;
width: 195px;
float: left;
background: transparent;
padding-top: 0px;
margin-top:20px;
margin-left:5px;
overflow: hidden;
text-align: left;
margin-bottom:20px;
}


#navigation{
clear:both;
	margin: 50px 0px 0px 0px;
	padding: 6px;
	background: #ddd;

}

#navigation .pagina{
	font-weight: bold;
}

#navigation .altrapagina{
	padding-left: 10px;
	letter-spacing: 3px;
}

body.wide #items{
width: 734px;
float: none;
}

body.wide #content{
background: transparent url(images/black/bgcontainer.gif) repeat-y 100% 0;
margin: 0 auto;
}




/*-------------- 1.4  TESTATA  -------------------------------------*/

#logo{
    background: #fff url("http://www.associazionecheratocono.it/skins/base/images/megablog/logo.jpg") left top no-repeat;
    width: 750px;
    height: 90px;
    margin: 0 auto;
margin-bottom:5px
	
}



/*---------1.5 BARRA NAVIGAZIONE ORIZZONTALE  ---------*/


#top ul{
margin: 2px 0px  0px  15px;
width: 100%;
border-bottom: 1px solid #DAE9F9;
border-top: 1px solid #DAE9F9;
height: 30px;

}
#top li{
float: left;
}

#top li a{
float: left;
padding: 0 30px;
height: 30px;
line-height: 30px;
text-decoration: none;
font-weight: bold;
border-right: 1px solid #DAE9F9;
border-bottom: none;
}
#top li a.last{

}
#top li a#topcurrent{
font-weight: normal;
border-bottom: 1px solid #fff;
background: #fff;
height: 30px;
}
* html body #top li a#topcurrent{
}

#top li a:link, #top li a:visited{
color: #333;
}
#top li a:hover{
background: #DAE9F9;
}
.adv{
margin-bottom: 0px;
}


#adv{
		padding: 4px 0;
}


/*definizioni particolari per template journal*/

#colonnasx{
width:230px;
margin: 0px 0px;
padding:8px;
background: #fff;
border:0px solid #ddd;
border-right:1px solid #fff;

float:left

}

br.clear {
    clear: both;
}

#colonnadx{
border:0px solid #ddd;
border-left:px solid #ddd;
margin: 0px 0px;
padding:8px;
width:230px;
margin-bottom: 20px;
background: #fff;
float:left
}

h3.primo_piano
{
font-size:18px;
border:0px solid #ddd;
width:97%;
margin-bottom: 20px;
background: #DAE9F9;
margin-top:20px;
}


ul.colonna li {
	padding: 3px 0 3px 20px;
	margin: 0 10px 0 0;
	background: transparent url(http://club.giovani.it/.root/skins/base/images/green/arrow.gif) no-repeat 0 6px;
	font-size: 90%;
	margin: 10px 20px 0 0;
	border-bottom: 1px solid #ddd;
}



/*---------------1.6 CORPO ARTICOLO-------------*/


.itembody{
	width: 490px;
	margin-left: 0px;
	overflow: hidden;
}


.itembody p{
width: 490px;
text-align: justify;	
	overflow: hidden;
}

#items_full .itembody{
	width: 690px;
	margin-right: 30px;
	overflow: hidden;
}

#items_full p{
width: 690px;
margin-right: 30px;
text-align: justify;	
	overflow: hidden;
}


.itembody p {
	line-height:17px;
	margin: 0px 0px 5px 0px;
overflow: hidden;
}


.sticky{margin: 10px 10px 10px 10px;
width: 490px;
	overflow: hidden;
	}

p.readmore {
text-align:right;
margin-top:-5px
}

#forum {
font-size:11px;
}

/*-----------1.7 FORMAT IMMAGINI DENTRO ARTICOLO---------*/

.leftbox {float:left; background: ; margin: 10px 10px 10px  0px ;
padding:5px;
border:solid 1px #ddd
}

.rightbox {float:right; background: ; margin: 10px 0px 10px  10px ;
padding:5px;
border:solid 1px #ddd
}


/*---------1.8 BLOCCO INFORMAZIONI A FONDO ARTICOLO  ---------*/


.iteminfo{
	margin: 20px 20px 50px 0px;
	padding: 0 4px 10px 0;
	background: #fff url(images/green/bgitems.jpg) repeat-x 0 100%;
	font-size: 90%;
}

.iteminfo span{
	height: 24px;
	line-height: 24px;
}

.itembody ul,ol {
border-bottom: px dotted #364a50;
margin:20px 0px 20px 0;
}

.itembody li{
margin-left:30px;
padding: 1px 0 11px 9px;
background: transparent url(http://club.giovani.it/.root/skins/base/images/100/arrow.gif) no-repeat  1px 9px;
}

.iteminfo span{
height: 32px;
line-height: 32px;
padding-right: 10px;
}

.autore{
background: #F7F7EC url(images/100/author.gif) no-repeat 8px 50%;
padding-left: 20px;
}
.categoria{
background: #F7F7EC url(images/100/cat.gif) no-repeat 0 50%;
padding-left: 16px;
}
.letto{
background: #F7F7EC url(images/100/letto.gif) no-repeat 0 50%;
padding-left: 16px;
}
#items span.data{
background: #F7F7EC url(images/100/data.gif) no-repeat 0 50%;
padding-left: 14px;
}
.ora{
background: #F7F7EC url(images/100/data.gif) no-repeat 0 50%;
padding-left: 14px;
}

.edit{
padding-left: 10px;
background: #F7F7EC;
}
.permalink{
background: #F7F7EC url(images/100/permalink.gif) no-repeat 0 50%;
padding-left: 14px;
}
.karma{
background: #F7F7EC url(images/100/karma.gif) no-repeat 0 50%;
padding-left: 14px;
}
.agg-preferiti{
background: #F7F7EC url(images/100/speak.gif) no-repeat 0 50%;
padding-left: 4px;
}



/*------------1.9 ALTRE DEFINIZIONI MINORI CORPO ARTICOLO ------------*/
#items form{
	margin: 10px 0 30px 0;
}

#items fieldset{
	border: 1px solid #eee;
	padding: 10px;
}

#items legend{
	padding: 6px;
}


#items .lista{
	margin: 0 0 0 0px;
}

.lista ul{
	margin-top: 2px;
}

#items .lista ul li{
	padding: 3px 0px 3px 0px;
	margin: 0 10px 0 0;
	background: transparent url(images/green/arrow.gif) no-repeat 0 8px;
}

#items .lista ul li a{
	display: block;
}

#items .lista p{

	font-weight: bold;
	font-size: 90%;
	margin: 10px 20px 0 0;
	border-bottom: 1px solid #ddd;
}



#items .lista h3{
	font-size: 1.3em;
	padding: 10px 0;
	margin-bottom: 10px;
}


.esporta{
	padding: 10px;
	margin: 0 20px 50px 20px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #f7f7f7;
}

.esporta li{
	padding: 2px 0 2px 12px;
	background: transparent url(images/green/arrow.gif) no-repeat 0 7px;
}



/*------------- VARI TITOLI  ------------*/


/*titolo articolo*/
h3.item {
	margin-left: 0px;
   	font: 1.3em "trebuchet ms", arial, sans-serif;
	border-bottom: 1px solid orange;
	padding-right: 120px;
margin-right:0px;
	margin-bottom: 10px;
margin-top:20px;
line-height: 2em;
}



h3 a{
	font-size: 1em;
	margin: 5px 0px 0px 0px;
	padding-bottom: 2px;
	margin-left: 0px;
}

/*data articolo*/
#items h2{
	font-size: 0.7em;
	text-align: right;
	margin: 30px 20px -37px 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: normal;
}


/*titoli menu*/
#menu h2{
font-size: 18px;
padding: 10px 0 0 0;
color: #8B8B8B;
margin: 0 10px;
border-bottom: 1px solid #888;
}


#items h2.risultati{
	text-align: left;
	margin: 30px 20px 10px 20px;
	padding: 10px 0;
}


.lista h3.item{
	margin-left: 0;
}

h1{
	font-size: 1.7em;
	margin: 10px 0 5px 0px;
}

h4{
	font-size: 1.3em;
	margin: 30px 0 5px 0px;
}

h5,h6{
	font-size: 1em;
	padding: 2px 0 0 0;
	margin: 30px 0 5px 10px;
}

h2.nav{
	margin-bottom: 20px;
}


/*--------- MENU LATERALE : LISTE E DEFINIZIONI VARIE  ---------*/

div.blocco1 {
    background: url("images/megablog/menu_top.gif") top no-repeat;
}

div.blocco2 {
    background: url("images/megablog/menu_down.gif") bottom no-repeat;
    padding: 10px 0;
}

div.blocco3 {
    border: 1px solid #C3D3F7;
    border-width: 0 8px;
    padding: 0 5px;
padding-bottom:190px;
}


#subcat{
margin: 10px 0 0 0;
}
.nav div{
margin: 2px 10px 1px 10px;
font-size: 0.9em;
}

#menu a:link, #menu a:visited{
text-decoration:none;
}
#menu a:hover{
text-decoration: underline;
}
#menu ul a:link, #menu ul a:visited, #menu dl a:link, #menu dl a:visited{
border-bottom: 1px dotted #ddd;
}
#menu li, #menu dd{
padding: 1px 0 1px 9px;
background: transparent url(http://club.giovani.it/.root/skins/base/images/100/arrow.gif) no-repeat -1px 7px;
font-size:0.9em;
}
#menu img{
margin-left: 10px;
}
#menu ul, #menu dl{
margin: 0px 10px 10px 10px;
}
#menu dl{
margin-bottom: 10px;
}
#menu dt{
font-weight: bold;
color:grey;
}

#menu p{
padding: 5px 5px 5px 5px;
}
#menu table{
margin: 0 20px;
}

#menu .nav{
margin-bottom: 10px;
border-left: 0px solid ;
background: transparent ;
}

#menu .box{
overflow: hidden;
padding: 5px 5px 5px 5px;
background: transparent ;
}

#menu .tit{
overflow: hidden;
padding: 5px 5px 5px 5px;
background: transparent ;
}

#menu .cont{
overflow: hidden;
padding: 5px 5px 5px 5px;
background: transparent ;
}

#menu .pan_contr{
overflow: hidden;
padding: 5px 5px 5px 5px;
}


#rss{
	margin: 10px 15px;
}



/*--------- SETTAGGI DELLE FORMS  ---------*/


#contactform{
	width: 400px;
	margin-left: 20px;

}

#contactform fieldset{
	border: 0;
}

#contactform input{
	display: block;
}

#cssswitch select{
	display: block;
	margin-bottom: 10px;
	width: 140px;
}

#cssswitch option{
	padding: 0 4px;
}

#items #commentform{
	margin-left: 20px;
	width: 400px;
}

#nucleus_cf_body{
	width: 450px;
	clear: left;
border:2px solid #ddd
}

#commentform fieldset{
	border: 0;
	padding-left: 0;
}


#menu form{

	margin: 10px 0 10px 15px;
}

#squery,#psw{
	border: 1px solid #888;
	width: 130px;
	margin-bottom: 10px;
}

label{
	padding-left: 10px;
	padding-right: 10px;
}

fieldset{
	border: 0;
}

#items input{
	margin: 10px 0 0 0;
}

.submit{
	border: 3px double #ddd;
	font: 12px/normal verdana, arial;
	font-weight: bold;
        background:#ddd;
	padding: 1px 6px;
	margin: 4px 0;
}


input, textarea, select, .input {
  border: 1px solid #888;
  color: #000;
  background-color:#fff ;
}


/*   form ricerca */
body #ricerca{
	margin: 0 20px;
	padding: 0;
}

#ricerca .submit{
	display: inline;
}

#ricerca fieldset{
	border: 0;
}

#ricerca input{
	margin: 0 auto;
}


/*--------- FONDO PAGINA (FOOTER)  ---------*/


#footer{
	clear: both;
	height: 50px;
background: #ddd; 
margin-top:30px;
padding-top:10px;
text-align:center;
font-size:80%
}



/*-------- toolbar -----------*/
#toolbar{
width:450px;
}

#toolbar a{
	padding: 1px 10px;
	margin-right: 3px;
	border: 1px solid #999;
	float: left;
	text-transform: uppercase;
font-size:10px;
}

#toolbar a:link, #toolbar a:visited{
	color: #666;
}

#toolbar a:hover{
	background: #ccc;
	color: #333;
	text-decoration: none;
}




/*--------- COMMENTI AGLI ARTICOLI  (NON TOCCARE!) ---------*/
/* general comments  */
#commentpreview{
background: #ccc;
}
body #comments li a.commenta{
display: block;
padding-left: 20px;
background: transparent url(images/cielo/arrow.gif) no-repeat 0 50%;
}
/* comments Opera, Mozilla */
h4+ol#comments{ margin: 0 20px; padding: 0;}
h4+ol#comments li{ list-style: none; margin: 0; padding: 1px; font-size:11px;}
h4+ol#comments address {
font-style: normal;
text-align: left; 
background: #fcfcfc url(images/cielo/speak.gif) 4px 3px no-repeat; 
padding: 0 0 0 20px; 
margin: 0; 
height: 35px; 
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
h4+ol#comments p { 
background-color: #fff;
line-height: 18px; 
margin: 0 0 5px 0; 
text-align: justify; 
padding: 5px 10px;
}
h4+ol#comments ins { font-size: 10px; font-weight: bold; text-align: right; 
text-decoration: none; color: #000; background-color: transparent; 
padding: 1px 5px 0px 0px; height: 17px; display: block; margin-bottom: 20px; }

.current {}
.parent {background-color: #F8F3C7;}
.child {margin-top: 30px;}
.notPart, .notPart *, .notPart p[id]::before { 
color: #ccc; background-color: transparent !important; border-color: #BFBFBF !important; 
}
.notPart p[id]::before, .notPart ins { border-top: 1px solid #ccc; }
.notPart a, h4+ol#comments>.notPart>p>span:first-child { color: #ccc; }
.indent .current {margin: 30px 30px 30px 30px; }
.indent .parent {background-color: #F8F3C7; margin: 30px 60px 30px 0px; }
.indent .child {background-color: margin: 30px 0px 30px 60px; }
.indent .notPart { display:none }
.current p, .parent p, .child p, .indent p {background-color: transparent;}
li .reset {display:none}
.current .reset, .parent .reset, .child .reset, .notPart .reset { display:inline}
.current .show, .parent .show, .child .show, .notPart .show { right:50px}
h4+ol#comments dfn {
right: 0;
background-color: transparent; 
border: 0px solid; 
font-size: 11px; 
cursor: pointer; 
font-style: normal; 
padding-right: 7px; 
margin-top: 1px; 
line-height: 16px;
float: right;
}

/* comments hacks for MSIE */
* html body address{
background: #fcfcfc url(images/cielo/speak.gif) 4px 3px no-repeat; 
padding: 1px 10px 2px 20px; 
margin: 10px 0 0 0; 
height: 27px; 
font-style: normal;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
* html body address a:link,* html body address a:visited{font-weight: bold; }
* html body ol#comments li, ol#comments  { list-style: none; padding: 0; margin: 0 10px; }
* html body ins{ font-size: 10px; font-weight: bold; text-align: right; text-decoration: none; color: #000; 
background-color: transparent; padding: 1px 5px 0px 0px; height: 17px; display: block; margin-bottom: 20px; }
* html body ol#comments p{
margin: 0 0 5px 0; 
padding: 5px 10px; 
background-color: #Fff; 
line-height: 18px;
}
* html body ol#comments p a:link{ text-decoration: underline; }
* html body dfn { right: 0; color: #000; transparent; border: 0px solid; font-size: 11px; 
cursor: pointer; font-style: normal; padding-right: 7px; margin-top: 1px; line-height: 16px; float: right; }

/*==========*/
#comments address p.data{
background: transparent;
margin: -6px 0 0 -26px;
font-size: 90%;
}






/* --------  CALENDARIO/ARCHIVIO  --------*/

.calendar{
	margin-left: 30px;
}

.calendar caption{
	text-transform: uppercase;
	padding: 5px 0;
}

.calendardateheaders{
	background: #f6f6f6;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}

.calendar td{
	padding: 2px;
	text-align: center;
}

.calendar td a{
	font-weight: bold;
}

#footer img{
	margin-top: 10px;
}


r-bottom: 1px solid #ccc;
}

.calendar td{
	padding: 2px;
	text-align: center;
}

.calendar td a{
	font-weight: bold;
}

#footer img{
	margin-top: 10px;
}



/* --------  TABELLE E SONDAGGI  --------*/


.itembody table{
padding-top: 18px;
text-align: left;
background: #fff 
}

.itembody th{
padding: 8px;
text-align: left;
font-weight: bold;
background: #fff url(http://club.giovani.it/.root/skins/base/images/t1/bgitems.jpg) repeat-x 0 100%;

border-bottom:solid px #ddd
}

.itembody td{
padding: 2px;
text-align: left;
background:trasparent;
border:solid 0px #ddd
}

.itembody td a{
font-weight: bold;
}


/****************************************************************/

/* 2. IMPOSTAZIONI  GALLERY					 */
/****************************************************************/



/* 2.1  Font, colore link, over, ed altre impostazioni generali*/


body.wide #items{
	width: 734px;
	float: none;
}

body.wide #content{
	background: transparent ;

	margin: 0 auto;
}

div.sgContainer {
  width: 100%;
}



input.button {
  font-weight: bold;
  border: 1px outset black;
  color: #fff;
  background-color: grey;
}

input.button:hover {
  cursor: pointer;
}

div.sgLanguageFlipper, div.sgTemplateFlipper {
  float: right;
  margin-left: 10px;
}


a img {
  border: 0;
}

div.sgContainer {
  clear: both;
  text-align: center;
  margin-top: 12px ;
  margin-bottom: 12px ;
}

.phototitle {
  background-color: #ddd;
  color: #333333;
  background-position: 4px;
  text-align: left;
  font-size:16px;
  padding: 2px;
  padding-left: 18px;
  margin-top:20px;
}

.gallerytitle {
  background-color: #ddd;
  color: #333333;
  background-position: 4px;
  text-align: left;
  padding: 2px;
 font-size:16px;
  padding-left: 20px;
  margin-top:20px;
}

.listtitle{
  background-color: #ddd;
 color: #333333;
   background-position: 4px;
  text-align: left;
 font-size:16px;
  padding: 2px;
  padding-left: 20px;

  margin-top:20px;
}

.small{
	font-size: smaller;
	font-weight: normal;
}

div.sgTab {  
  padding: 2px;
margin-top: 10px;
margin-left: 25px;
margin-right:5px;
color:black;
clear: both;
background-color: #EFEFEF;
margin-top: 10px;
border: 1px solid #DDDDDD;
}

div.sgContent {
  background-color: #FBFBFB;
  padding: 12px;
margin-top: 10px;
margin-left: 25px;
margin-right:5px;
  text-align: center;
  border: 1px solid #DDDDDD;
  margin-bottom: 10px;
}


img.sgContent {
  margin-left: auto;
  margin-right: auto;
}


div.sgGallery{
  margin: 8px;
  padding: 2px;
  border: 1px solid #DDDDDD;
  background-color: #fff;
  text-align: left;
}

div.sgGalleryThumbnail {
  text-align: left;
  margin: 4px;
  width: 110px;
  float: left;
}

.sgGalleryTitle {
  margin:2px;
  padding:18;
 color:black;
 font-size:18px;
}


div.sgGalleryTitle p {
  margin-top: 0;
  margin-bottom: 12px;
text-align:left;
 font-size:11px;
}

body.wide #items h2, #idx1 h2{
font-size: 1em;
float:left;

text-align: left;
margin: 0;
}

div.sgThumbnail {
  float: left;
  margin: 8px;
  padding: 2px;
  border: 1px solid #DDDDDD;
  background-color: #fff;
  text-align:left;
}
img.sgThumbnail {

  margin: 8px;
  border: 1px solid #DDDDDD;
}


img.sgImage {
  border: 1px solid #000;
}

div.sgNavBar, p.sgNavBar {
  text-align: center;
}

div.sgNavBar {
  border-bottom: 1px dotted #DDDDDD;
  margin: 4px;
  margin-bottom: 4px;
padding: 15px;
}

div.sgNavBar2 {
  border: 1px dotted #DDDDDD;
  margin-top: 12px;
  margin-bottom: 12px;
  padding: 4px;
}

div.stretcher {
  clear: both;
  height: px
}

img.sgNavBar{
  margin:px;
}

.details{
	background-color: #FBFBFB;
	border: 1px dotted #CCCCCC;
	font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
        color:black;
	margin: 25px 10px 10px 10px;
	padding: 7px;
	text-align:left;
	line-height: 19px;
}

#crumb {
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: xx-small;
  color:#888888;
  padding:6px;
  border-bottom:1px dotted #1E90FF;
  text-align:left;
}





/*-----------2.2 ADMIN GALLERY (NON TOCCARE)-------------*/


/*--------- admin gallery ---------*/
#admin #footer{
background: transparent url(images/green/bgfooter.gif) no-repeat 0 0;
}
#adminy #content{
background: transparent url(images/green/bgnosidebar.gif) repeat-y 0 0;
}

/*---------------------------------*/



/*======= amministrazione gallery  ===========*/

#admin #inside{
position: relative;
width: 750px;
}
#admin #menu{
width: 200px;
position: absolute;
top: 0;
right: 0;
margin: 0;
background: transparent;
}

#admin #items{
float: left;
min-height: 400px;
height: auto !important;
height: 400px;
}
#admin #items p, #admin #items form,#admin #items h2,#admin #items h3,#admin #items h4,#admin #items ul{
margin-right: 10px;
margin-left: 20px;
}

#admin blockquote{
padding:12px;
margin-top: 20px;
border:solid red 1px; 
margin-right: 10px;
width: 50%;
}

#admin #items p, #admin #items form,#admin #items h2,#admin #items h3,#admin #items h4,#admin #items ul{
	margin-right: 20px;
	margin-left: 20px;
}

#admin #items ul li{
	padding: 3px 0 3px 16px;
	background: transparent url(images/green/itemli.gif) no-repeat 0 55%;
}


/****************************************************************/
/* Singapore admin styles */
/****************************************************************/
a img { border: 0; }
.sgTitle { margin-bottom: 0; }
.sgSubTitle { margin-top: 0; }

table.sgList { background-color: #fff; border: 1px solid #888; width: 100%; }
tr.sgRow0 { background-color: #f0f0f0; margin: 1px; }
tr.sgRow1 { background-color: #e0e0e0; margin: 1px; }
table.formTable input, table.formTable textarea, table.formTable .inputbox { width: 400px; }
table.formTable td { vertical-align: top; }
table.formTable input.radio, table.formTable input.checkbox { width: auto; height: auto; }
.sgImageInput { text-align: center; padding: 2px; }
#sgAdminMessages { background-color: #fff; border: 1px dashed #000; margin: 1em 0 1em 0; padding: 5px; font-size: x-small; }
#sgAdminBar { background-color: #f0f0f0; border: 1px solid #000; margin: 1em 0 1em 0; padding: 5px; font-size: x-small; display: block; clear: both; padding: 10px; height: 30px; }
#sgAdminBar a:link, #sgAdminBar a:visited, #sgAdminBar a:active { color: #000; font: x-small Verdana, sans-serif; float: left; border: 1px solid #f0f0f0; text-decoration: none; padding: 2px; }
#sgAdminBar a:hover { border: 1px solid #000; color: #000; background-color: #fff; }
span.sgAdminBarSeparator { float: left; width: 1px; display: block; margin-right: 4px; background: black; }
div.sgContainer { clear: both; text-align: center; }
div.sgTab { padding: 0.25em; text-align: left; }

div.sgContent { background-color: ; border: 1px solid grey; padding: 1em; text-align: left; }
div.sgGallery, div.sgThumbnail { margin: 0.5em; padding: 0.5em; border: 1px solid #888; background-color: ; }

table.sgContent { margin-left: auto; margin-right: auto; }
td.sgGalleryThumbnail { width: 60px; text-align: center; }
p.sgGalleryTitle a { font-weight: bold; }
div.sgThumbnail { float: left; }
div.sgThumbnail table { width: 110px; height: 110px; text-align: center; vertical-align: middle; }

div.stretcher { clear: both;}
img.sgImage { border: 1px solid #000;}
input.sgImageCheckbox { position: absolute; float: left; z-index: 10; }