#gallery{
    /* The width of the gallery */
    width:500px;
    overflow:hidden;
}

#slides{
    /* This is the slide area */
    height:500px;

    /* jQuery changes the width later on to the sum of the widths of all the slides. */
    width:600px;
    overflow:hidden;
}

.slide{
    float:left;
}

#smenu{
    /* This is the container for the thumbnails */
    height:32px;
    margin-bottom:10px;
    margin-top:10px;
    text-align: center;
}

#smenu ul{
    margin:0px;
    padding:0px;
}

#smenu li{
    /* Every thumbnail is a li element */
    width:32px;
    display:inline-block;
    list-style:none;
    height:32px;
    overflow:hidden;
    margin-right: 4px;
    border: 1px solid white;
}

#smenu li.inact:hover{
    /* The inactive state, highlighted on mouse over */
    border: 1px solid #A5958C;
}

#smenu li.act, #smenu li.act:hover{
    /* The active state of the thumb */
    border: 1px solid #A5958C;
}

#smenu li.act a{
    cursor:default;
}

#smenu li a{
    display:block;
    height:32px;
    
}

#smenu a img{
    border:none;
    width:32px;
    height:32px;
}
/* TABS */
/* Set the size and font of the tab widget */
.tabArea{
	margin-left:5px;
    margin-right:5px;
}
.tabGroup {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:12px;
    width: 100%;
    height: auto;
    
}
 
/* Configure the radio buttons to hide off screen */
.tabGroup > input[type="radio"] {
    position: absolute;
    left:-100px;
    top:-100px;
}
 
/* Configure labels to look like tabs */
.tabGroup > input[type="radio"] + label {
    /* inline-block such that the label can be given dimensions */
    display: inline-block;
    text-shadow: 0 0.5px 0 #DCDCDC;
    /* A nice curved border around the tab */
    border: 1px solid #a8a8a8;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
     
    /* the bottom border is handled by the tab content div */
    border-bottom: 0;
 
    /* Padding around tab text */
    padding: 5px 10px;
 
    /* Set the background color to default gray (non-selected tab) */
    background-color:#ddd;
    cursor: pointer;
}
 
/* Focused tabs need to be highlighted as such */
.tabGroup > input[type="radio"]:focus + label {
    border:1px solid #a8a8a8;
}
 
/* Checked tabs must be white with the bottom border removed */
.tabGroup > input[type="radio"]:checked + label {
    background-color:white;
    font-weight: bold;
    border-bottom: 1px solid white;
    margin-bottom: -1px;
    
}
 
/* The tab content must fill the widgets size and have a nice border */
.tabGroup > div {
    display: none;
    border: 1px solid #a8a8a8;
    background-color: white;
    padding: 10px 10px;
    height: 100%;
    overflow: auto;
     
    border-radius: 0 5px 5px 5px;
    -moz-border-radius: 0 5px 5px 5px;
    -webkit-border-radius: 0 5px 5px 5px;
    

}
 
/* This matchs tabs displaying to thier associated radio inputs */
.tab1:checked ~ .tab1, .tab2:checked ~ .tab2, .tab3:checked ~ .tab3, .tab4:checked ~ .tab4, .tab8:checked ~ .tab8, .tab9:checked ~ .tab9 {
    display: block;
}


/* TINY BOX */

.tbox {position:absolute; display:none; z-index:900;width: 120px;
   background-image: url("../res/tb_green.png");
    background-repeat: no-repeat;
    -moz-border-radius:5px; border-radius:5px;
}
.tinner { 

}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; z-index:800}
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(images/close.png) no-repeat}
.tclose:hover {background-position:0 -30px}

#error {background:#ff6969; color:#fff; text-shadow:1px 1px #cf5454; border-right:1px solid #000; border-bottom:1px solid #000; padding:0}
#error .tcontent {padding:10px 14px 11px; border:1px solid #ffb8b8; -moz-border-radius:5px; border-radius:5px}
#success {
	/*background:#2ea125; */
	color:#fff; 
	text-shadow:1px 1px #1b6116; 
	line-height:30px;
	text-align:center;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:12px;
    font-weight: bold;
}
#bluemask {background:#4195aa}
#frameless {padding:0}
#frameless .tclose {left:6px}