#simplegallery1{ //CSS for Simple Gallery Example 1

position: relative; /*keep this intact*/

visibility: hidden; /*keep this intact*/

border: 1px solid darkred;

}



#simplegallery1 .gallerydesctext{ //CSS for description DIV of Example 1 (if defined)

text-align: left;

padding: 2px 5px;

}







.arrowlistmenu{

width: 180px; /*width of accordion menu*/

}



.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/

font: bold 12px Tahoma;

color: white;

background: black url(../script/titlebar.png) repeat-x center left;

margin-bottom: 10px; /*bottom spacing between header and rest of content*/

text-transform: uppercase;

padding: 4px 0 4px 10px; /*header text is indented 10px*/

cursor: hand;

cursor: pointer;

}



.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/

background-image: url(../script/titlebar-active.png);

}



.arrowlistmenu ul{ /*CSS for UL of each sub menu*/

list-style-type: none;

margin: 0;

padding: 0;

margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/

}



.arrowlistmenu ul li{

padding-bottom: 2px; /*bottom spacing between menu items*/

}



.arrowlistmenu ul li a{

color: #A70303;

background: url(../script/arrowbullet.png) no-repeat center left; /*custom bullet list image*/

display: block;

padding: 2px 0;

padding-left: 19px; /*link text is indented 19px*/

text-decoration: none;

border-bottom: 1px solid #dadada;

font-size: 90%;

}



.arrowlistmenu ul li a:visited{

color: #A70303;

}



.arrowlistmenu ul li a:hover{ /*hover state CSS*/

color: #A70303;

background-color: #F3F3F3;

}





body,td,th {

	font-family: Tahoma;

	font-size: 12px;

}



a.num-next:link,a.num-next:visited {

	font-family: Tahoma;

	font-size: 11px;

	color: #DA0133;

	padding: 3px;

	border: 1px solid #b7b7b7;

	text-decoration: none;

	background-color:#EEEEEE;
	
	padding: 3px;

	display: block;

}

a.num-next:hover {

	font-family: Tahoma;

	font-size: 11px;

	background-color:#DA0133;

	color: #fff;

	padding: 3px;

	border: 1px solid #DA0133;

}



.menu_left

{

	padding:0px;

	margin:0px;

text-align:right;

}



.menu_left ul

{

list-style-type:none;

	padding:0px;

	margin:0px;



}





.menu_left span {

background:#BEEBA9;

background-position:left;

display: block;

padding-top:5px;

}





.menu_left a {

	font-family: Tahoma;

	font-size: 11px;

	color:#CC9933;

	background:url(../script/arrowbullet2.jpg) no-repeat;

	background-position:right;

	display: block;

	text-decoration:none;

	padding-right:15px;

    

}



.menu_left a:hover {

	background:url(../script/arrowbullet3.jpg);

	background-position:right;

	background-repeat:no-repeat;

	color:#CC3300;	

}



a.num {

	font-family:Tahoma;

	font-size: 11px;

	font-weight: bold;

	color: #FFFFFF;

	background-color: #DA0133;

	margin-top: 2px;

	margin-right: 4px;

	margin-bottom: 3px;

	margin-left: 4px;



}

a.num:link,a.num:visited {

	font-family: Tahoma;

	font-size: 11px;

	color: #DA0133;

	margin-top: 2px;

	margin-right: 4px;

	margin-bottom: 3px;

	margin-left: 4px;


	background-color: #FFFFFF;

}

a.num:hover {

	font-family: Tahoma;

	font-size: 11px;

	font-weight: bold;

	color: #FFFFFF;

	background-color: #DA0133;

	margin-top: 2px;

	margin-right: 4px;

	margin-bottom: 3px;

	margin-left: 4px;

	text-decoration: none;

}



a:link {

	text-decoration: none;

}

a:visited {

	text-decoration: none;

}

a:hover {

	color:#33CCCC;

}

a:active {

	text-decoration: none;

}



  .text{

font-family:Tahoma;

font-size:12px;

color:#336699;

direction:rtl;

}



.tableborder{

border-style: solid;

border-width: 1px;

font-family:Tahoma;

font-size: 9pt;

font-weight: normal;

border-color:#9DB4CE;

}



.buttom
{
border: thin solid #CCCCCC; 
cursor:pointer;
font-family:Tahoma;
font-size:12px;
}


.green {

display: block;

	font-family:Tahoma;

	font-size: 11px;

	font-weight: bold;

	color: #FFFFFF;

	background-color:#9CCBDC;

	padding-top: 2px;

	padding-right: 4px;

	padding-bottom: 3px;

	padding-left: 4px;

	margin-right: 3px;

	margin-left: 3px;

	border-bottom:solid 1px #3366CC;

	

}

a.menu1 {

	font-family: Tahoma;
	font-size: 11px;
	color:#FFFFFF;

}

a.menu1:hover {

	font-family: Tahoma;
	font-size: 11px;
	color:#9FD2DD;

}






a.menu2{
		  padding-right:20px;
          font-family:Tahoma;
		  font-size: 8pt;
		  height: 21px;
		  cursor:hand;
		  display: block;
		  text-align:right;
		  line-height: 21px;
		  text-decoration: none;
		  background-image: url(butt_menu_1.gif);
		  background-repeat: no-repeat;
		  background-position: right;
		  background-color:#AEAEE1;
		  color: #000000;
		  text-decoration: none;
}


a.menu2:hover {

		  background-color:#BDCCE8;
		  color:#006666;
		  text-decoration: none;
		  background-image: url(butt_menu_2.gif);
		  background-repeat: no-repeat;
		  background-position: right;

}



.left_menu1

{

margin-left:15px;



}

#pagin a
{
   font-family:Tahoma;
   font-size:11px;   
   display:block;
   float:left;
   cursor:pointer;
   color:#00c;
   text-decoration:none;
   display:inline-block;
  
   text-align:center;
   width:98%;
   height:175px;
   
}
#pagin a:hover
{
   background:#F1F1F1;
  
}
#pagin a.sel
{
   color:#333;
   font-weight:normal;
   background:#f0f7e8;
   cursor: default;
 
}


a.squarebutton{
background: transparent url('../images/square-gray-left.gif') no-repeat top left;
display: block;
float: left;
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('../images/square-gray-right.gif') no-repeat top right;
display: block;
font-size:8pt;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
width:130px;
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
font-size:8pt;
width:130px;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
font-size:8pt;
width:130px;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;

}