/* CSS Document */
.body
{
	background-color:#FFFFFF;
	background-image:url(../../images/header_bg.jpg);
	background-repeat:repeat-x;
	margin:0;
	font:normal 12px Tahoma;
}

#pgecontent{

	margin: 0 auto;
	width:1000px;
	
}
.header
{
    z-index:0;
	background-image: url(../../images/header.gif);
	width:1000px;
	height:156px;
}
.search
{
	padding-left:665px;
}
.search_text
{
	float:left;
	background-image:url(../../images/top_text_box.gif);
	background-repeat:no-repeat;
	width:276px;
	height:25px;
	margin:6px 5px 0px 0px;
}
.search_img
{
	float:left;
	background-image:url(../../images/go_btn.gif);
	background-repeat:no-repeat;
	width:34px;
	height:27px;
	margin:5px 5px 0px 0px;
}
.txtbox
{
	height:16px;
	margin-left:15px;
	margin-top:5px;
	width:260px;
	background:Transparent;
	border:0px;
	font:normal 11px Tahoma;
	color:#717171;
}
.go_btn
{
	height:22px;
	width:32px;
	background:Transparent;
	border:0px;
	cursor:pointer;
}

.content
{
	clear:both;
	margin:50px 20px 0px 50px;
	/*height:470px;*/
}
.album_title
{
	font-size:18px;
	font-weight:normal;
	font-family:Tahoma;
	color:#165581;
	padding-top:20px;
	padding-bottom:10px;
}
.image_bd
{
	background-image:url(../../images/image_bg.png);
	background-repeat:no-repeat;
	width:160px;
	height:152px;
	margin:10px 10px 10px 10px;
}
.img_txt
{
	text-align:center;
	margin:3px auto;
}
.thumb
{
	margin:15px 0 0 15px;
	width:130px;
	height:100px;
	text-align: center;
	overflow:hidden;
}
.thumb:hover
{
cursor:pointer;
}
.footer
{
	clear:both;
	vertical-align: bottom;
	background-color:#99dff5;
	font:normal 11px Tahoma;
	color:#000;
	height:33px;
	padding-left:220px;
}
.footer_left
{
	
	float:left;
	padding:13px 0 0 19px;
}
.footer_right
{
	padding:13px 0 0 839px;
}
a
{
color:#356c92;
cursor:pointer;
text-decoration:none;
margin:0;
}
a:hover
{
cursor:pointer;
text-decoration:underline;
margin:0;
}

/*input
{
	border:1px solid #71d3f1;
}
select
{
	border:1px solid #71d3f1;
}
textarea
{
	border:1px solid #71d3f1;
}*/
.tbl
{
	border:2px solid #71d3f1; 
	margin:20px 20px 20px 20px;
	padding:10px 10px 10px 10px;

}
.msg
{
	color:#FF0000;
}
hr
{
	margin:0;
	clear:both;
	border:2px solid #71d3f1;
	color:#71d3f1;
}
h1
{
	font-size:22px;
}
h3
{
	font-size:14px;
	margin:10px auto;
}
.top-menu
{
	margin:0;
	border-bottom:2px solid #71D3F1;
	height:85px;
}
.menu
{
	float:left;
	/*width:76px;
	height:30px;*/
	margin:0 1px 0 1px;
	cursor:pointer;
}
.top-sub-menu
{
	position:absolute;
	clear:both;
	margin:0px 20px 0px 155px;
	font:normal 14px Tahoma;
	display:none;
	
}
.top-sub-menu1
{
	position:absolute;
	clear:both;
	margin:0px 20px 0px 83px;
	font:normal 14px Tahoma;
	display:none;
	
}

.top-sub-menu2
{
	position:absolute;
	clear:both;
	margin:0px 20px 0px 235px;
	font:normal 14px Tahoma;
	display:none;
	
}
.sub-menu
{
	padding:8px 0 5px 2px;
}

.sub-menulink
{
	padding:5px 10px 5px 10px;
	color:#000000;
	background-color:#a2a0a0;
	border-bottom:2px solid #fff;
	cursor:pointer;
	
}
.sub-menulink:hover
{
	padding:5px 10px 5px 10px;
	color:#fff;
	background-color:#007faf;
	text-decoration:none;
}

.option
{
	float:left;
	margin:0 1px 0 1px;
	cursor:pointer;
	width:76px;
	height:30px;
	background-image:url(../images/option.png);
}
.option_h
{
	float:left;
	margin:0 1px 0 1px;
	cursor:pointer;
	width:76px;
	height:30px;
	background-image:url(../images/option_h.png);
}
.option:hover
{
	margin:0 1px 0 1px;
	background-image:url(../images/option_h.png);
}
.upload
{
	float:left;
	margin:0 1px 0 1px;
	cursor:pointer;
	width:76px;
	height:30px;
	background-image:url(../images/upload.png);
}
.upload_h
{
	float:left;
	margin:0 1px 0 1px;
	cursor:pointer;
	width:76px;
	height:30px;
	background-image:url(../images/upload_h.png);
}
.upload:hover
{
	margin:0 1px 0 1px;
	background-image:url(../images/upload_h.png);
}
.create
{
	float:left;
	margin:0 1px 0 1px;
	cursor:pointer;
	width:76px;
	height:30px;
	background-image:url(../images/create.png);
}
.create_h
{
	float:left;
	margin:0 1px 0 1px;
	cursor:pointer;
	width:76px;
	height:30px;
	background-image:url(../images/create_h.png);
}
.create:hover
{
	margin:0 1px 0 1px;
	background-image:url(../images/create_h.png);
}
.manage
{
	float:left;
	margin:0 1px 0 1px;
	cursor:pointer;
	width:76px;
	height:30px;
	background-image:url(../images/manage.png);
}
.manage_h
{
	float:left;
	margin:0 1px 0 1px;
	cursor:pointer;
	width:76px;
	height:30px;
	background-image:url(../images/manage_h.png);
}
.manage:hover
{
	margin:0 1px 0 1px;
	background-image:url(../images/manage_h.png);
}
.view
{
	float:left;
	margin:0 1px 0 1px;
	cursor:pointer;
	width:76px;
	height:30px;
	background-image:url(../images/view.png);
}
.view_h
{
	float:left;
	margin:0 1px 0 1px;
	cursor:pointer;
	width:76px;
	height:30px;
	background-image:url(../images/view_h.png);
}
.view:hover
{
	margin:0 1px 0 1px;
	background-image:url(../images/view_h.png);
}

/* Added Performance, Awards & Honors, Prof. Memberships. Aug-09*/
.perform
{
	float:left;
	margin:0 1px 0 1px;
	cursor:pointer;
	width:76px;
	height:30px;
	background-image:url(../images/perform.png);
}
.perform_h
{
	float:left;
	margin:0 1px 0 1px;
	cursor:pointer;
	width:76px;
	height:30px;
	background-image:url(../images/perform_h.png);
}
.perform:hover
{
	margin:0 1px 0 1px;
	background-image:url(../images/perform_h.png);
}

.awards
{
	float:left;
	margin:0 1px 0 1px;
	cursor:pointer;
	width:76px;
	height:30px;
	background-image:url(../images/awards.png);
}
.awards_h
{
	float:left;
	margin:0 1px 0 1px;
	cursor:pointer;
	width:76px;
	height:30px;
	background-image:url(../images/awards_h.png);
}
.awards:hover
{
	margin:0 1px 0 1px;
	background-image:url(../images/awards_h.png);
}

.membership
{
	float:left;
	margin:0 1px 0 1px;
	cursor:pointer;
	width:76px;
	height:30px;
	background-image:url(../images/membership.png);
}
.membership_h
{
	float:left;
	margin:0 1px 0 1px;
	cursor:pointer;
	width:76px;
	height:30px;
	background-image:url(../images/membership_h.png);
}
.membership:hover
{
	margin:0 1px 0 1px;
	background-image:url(../images/membership_h.png);
}
/* Menu Options Addition Ends here*/

.comments
{
	float:left;
	margin:0 1px 0 1px;
	cursor:pointer;
	width:104px;
	height:30px;
	background-image:url(../images/comments.png);
}
.comments_h
{
	float:left;
	margin:0 1px 0 1px;
	cursor:pointer;
	width:104px;
	height:30px;
	background-image:url(../images/comments_h.png);
}
.comments:hover
{
	margin:0 1px 0 1px;
	background-image:url(../images/comments_h.png);
}


.logout
{
	float:right;
	margin:0 1px 0 1px;
	cursor:pointer;
	width:104px;
	height:30px;
	background-image:url(../images/logout.png);
}
.logout:hover
{
	margin:0 1px 0 1px;
	background-image:url(../images/logout_h.png);
}
/* set the image to use and establish the lower-right position */
.cssbox{
   /* background: transparent url(../images/box-add.png) no-repeat bottom right;*/
   border:2px solid #0091BB;
    margin: 0;
    padding: 0; 
}

.cssbox label, .cssbox-green label {
    padding:0;
	margin:0;
    font-weight:bold;
	display:inline;
}

.cssbox-green, .cssbox_body-green, .cssbox_head-green, .cssbox_head-green h2 {
    background: transparent url(../images/box-add-green.png) no-repeat bottom right;
    margin: 0;
    padding: 0; 
}

.cssbox-green {
	width: 320px !important;   /* intended total box width - padding-right(next) */
    width: 300px;              /* IE Win = width - padding */
    padding-right: 15px;       /* the gap on the right edge of the image (not content padding) */
    margin: 2px 0 20px 0;         /* use to position the box */
}

.cssbox-green em {
	text-decoration: underline;
	font-style: normal;
}

.cssbox {
    width: 420px !important;   /* intended total box width - padding-right(next) */
    width: 405px;              /* IE Win = width - padding */
    padding-right: 15px;       /* the gap on the right edge of the image (not content padding) */
    margin: 2px 0 20px 0;         /* use to position the box */
}

/* set the top-right image */
.cssbox_head, .cssbox_head-green {
	background: transparent url(../images/css-box-img.png);
	background-repeat:repeat-x;
    background-position: top right;
	height:33px;
    margin-right: -15px;       /* pull the right image over on top of border */
    padding-right: 40px;       /* right-image-gap + right-inside padding */
}

/* set the top-left image */
.cssbox_head h2, .cssbox_head-green h2 {
    background-position: top left;
    margin: 0;                 /* reset */
    border: 0;                 /* reset */
    padding: 7px 0 15px 20px; /* padding-left = image gap + interior padding ... no padding-right */
    height: auto !important; 
    height: 1%;                /* IE Holly Hack */
}

/* set the lower-left corner image */
.cssbox_body, .cssbox_body-green {
    background-position: bottom left;
    margin-right: 25px;        /* interior-padding right */
    padding: 15px 0 15px 20px; /* mirror .cssbox_head right/left */
}


/* Misc Text formatting */
.cssbox_head h2, .cssbox_head-green h2 {
    color: white;
    font-weight: bold;
    font-size: 15px;      /* this is tricky if box width is in ems */
    text-align: center; 
    text-shadow: rgb(0,0,0) 0px 2px 5px; /* Safari-only, but I'm doing it just 'cause I can */
    text-decoration: none;
}
.cssbox_body p, .cssbox_body-green p {
    margin: 0 0 20px;
}
.cssbox_body a, .css_body a:hover {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-decoration: underline;
}
/*end cssbox*/
.table-header-middle {
	background: url('../images/table-middle.gif') repeat-x top left;
	color:            #FFF;
}

.table-header-left {
	background: url('../images/table-top-left.gif') no-repeat top left;
	color:            #FFF;
}

.table-header-right {
	background: url('../images/table-top-right.gif') no-repeat top right;
	color:            #FFF;
}
.tr-header
{
    color:            #FFF;
    background-color: #0091BB;
    font-weight:      bold;
}
.login_txt
{
	background-color:#4AC6EF;
	color:#FFFFFF;
}

/*  */

table.rates
{ table-layout: fixed; 
  border-width: 2px;
  border-color: navy;
  border-style: inset;
  font-size: 9px;
  align:center;
  text-align:left;
  }  

table tr.hd
{ background-color : navy;
  font-weight: bold;
  color: white;
  text-align:left;
}

table tr.r1
{
 background-color : #eefffe;      /* '#eeffee */
 }

table tr.r2
{ background-color : #e3fff1;
}

h4 
{ text-align:center;
  font:Tahoma;
  font-weight:normal;
}

label { font-size : 13px;}

label.msg
     {font-size : 15px;
      color:red;
	  }  
     
.center {text-align:center;}

.center table
{ margin-left: auto;
  margin-right: auto;
  text-align: left;
}

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