﻿body
{
    text-align: center;
    font-size: 13px;
    font-family: Verdana;
    font-weight: normal;
    color: black;
    margin: 0;
    padding: 0;
    background-image: url(images/backbrush.png);
    background-color: #e8eef5;
    background-repeat: no-repeat;
    background-position: center top;
}
#wrapper
{
    width: 100%;
}
#banner
{
    position: absolute;
    left: 1px;
    top: -5px;
}
#primarylogin
{
    font-family: Verdana;
    font-size: 10px;
    position: absolute;
    right: 255px;
    top: 0px;
    font-weight: normal;
    color: White;
}
#headerb
{
    position: relative;
    height: 45px;
    width: 970px;
    margin: 12px auto -28px auto;
}
#header
{
    position: relative;
    height: 45px;
    width: 970px;
    margin: 12px auto -13px;
}
.panelthumb
{
    text-align: center;
    padding-top: 3px;
    color: White;
    font-weight: normal;
}
.grayoutlinebox
{
    border-right: gray 1px solid; 
    border-top: gray 1px solid; 
    border-left: gray 1px solid; 
    border-bottom: gray 1px solid;
    margin-bottom: 3px;
}
.panelthumb a
{
    visibility: hidden;
}
.panelthumb:hover
{
    background-color: #fdfdc2;
    border-right: #ffcc00 1px solid;
    border-top: #ffcc00 1px solid;
    border-left: #ffcc00 1px solid;
    border-bottom: #ffcc00 1px solid;
    color: Black;
}
.goldbox
{
    background-color: #fdfdc2;
    border-right: #ffcc00 1px solid;
    border-top: #ffcc00 1px solid;
    border-left: #ffcc00 1px solid;
    border-bottom: #ffcc00 1px solid;
}
.panelthumb:hover a
{
    visibility: visible;
}
.visible
{
    visibility: visible;
    color: Black;
}
#buttons
{
    position: absolute;
    top: 81px;
    right: 0px;
}
#maintopb
{
    width: 970px;
    margin: 0;
    height: 16px;
}
#mainb
{
    width: 970px;
    margin: 15px auto 0 auto;
}
#maintop
{
    width: 970px;
    margin: 0;
    height: 16px;
    background: url(images/maintop.png) #FFFFFF center top no-repeat;
}
#main
{
    width: 970px;
    margin: 15px auto 0 auto;
    background: url(images/mainbot.png) #FFFFFF center bottom no-repeat;
}
#footer
{
    padding-top:10px;
    background: url(images/4_13.gif) center bottom repeat-x;
    color: white;
    height: 63px;
    width:100%;
}
.collapsePanel {
    width:100%;
    background-color:white;
    overflow:hidden;
}
.pointer
{
    cursor: pointer;
}
.der {
	background-image: url(images/3_17.png);
    background-repeat: repeat-x
}
.itemsmall
{
    font-size: 11px;
}
.footer
{
    position: absolute;
    bottom: 0;
}
.avatarbox
{
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: gray 1px solid;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}
.boxlink
{
    font-size: 12px;
    border-right: #2f4f4f 1px solid;
    border-top: #2f4f4f 1px solid;
    border-left: #2f4f4f 1px solid;
    border-bottom: #2f4f4f 1px solid;
    width: 150px;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
    text-align: center;
    cursor: pointer;
}
.boxlink2
{
    font-size: 12px;
    border-right: #2f4f4f 1px solid;
    border-top: #2f4f4f 1px solid;
    border-left: #2f4f4f 1px solid;
    border-bottom: #2f4f4f 1px solid;
    width: 150px;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
    text-align: center;
    background-color: white;
}
.imagebox
{
    border-right: #2f4f4f 1px solid;
    border-top: #2f4f4f 1px solid;
    border-left: #2f4f4f 1px solid;
    border-bottom: #2f4f4f 1px solid;
    padding-right: 1px;
    padding-left: 1px;
    padding-bottom: 1px;
    padding-top: 1px;
}
.boxlink:hover
{
    font-size: 12px;
    border-right: #2f4f4f thin solid;
    border-top: #2f4f4f thin solid;
    border-left: #2f4f4f thin solid;
    border-bottom: #2f4f4f thin solid;
    width: 150px;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
    text-align: center;
    color: white;
    background-color: #2f4f4f;
    text-decoration: none;
}
.boxlink:hover a
{
    color: white;
}
.boxlink2:hover
{
    font-size: 12px;
    border-right: #2f4f4f thin solid;
    border-top: #2f4f4f thin solid;
    border-left: #2f4f4f thin solid;
    border-bottom: #2f4f4f thin solid;
    width: 150px;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
    text-align: center;
    color: white;
    background-color: #2f4f4f;
    text-decoration: none;
}
.itemsmallsoft
{
    font-size: 11px;
    color: gray;
}
.it16
{
	font-weight: normal;
	font-size: 16px;
	font-style: italic;
	text-decoration: none;
}
.b16
{
	font-weight: normal;
	font-size: 16px;
	text-decoration: none;
}
.imageseditpop
{
	visibility:hidden;
	background-color:whitesmoke;
	opacity:.9;
	filter: alpha(opacity=90);
}
.textboxwatermark
{
    color: gray;
    font-style: italic;
}
.textboxwatermarkstatus
{
    color: gray;
    font-style: italic;
    border-right: gray 1px solid; 
    border-top: gray 1px solid; 
    border-left: gray 1px solid; 
    border-bottom: gray 1px solid;   
}
.textboxwatermarkgap
{
    color: gray;
    font-style: italic;
    border-right: gray 1px solid; 
    border-top: gray 1px solid; 
    border-left: gray 1px solid; 
    border-bottom: gray 1px solid;
    margin-bottom: 3px;
}
.bigcenter
{
    font-size: 12pt;
    color: #404040;
    font-weight: bold;
    text-align: center;
}
.panelcontrol
{
    cursor: pointer;
    font-size: 14px;
    color: white;
}
.panelcontrol2
{
    cursor: pointer;
}
A
{
    font-weight: bold;
    color: #2f4f4f;
    font-family: Verdana;
    text-decoration: none;
}
A:hover
{
    text-decoration: underline;
}
.tabs
{
    position:relative;
    top:1px;
    left:10px;
}
H1
{
	font: normal 28px/1.2em "Helvetica", "Tahoma", "Verdana", sans-serif;
	color: #555;
	letter-spacing: -1px;
    padding: 0;
	margin: 0 0 0px 0;
}
H2
{
	font: normal 23px/1.3em "Helvetica", "Tahoma", "Verdana", sans-serif;
	color: #555;
	letter-spacing: -1px;
    padding: 0;
	margin: 0 0 0px 0;
}
.optional
{
	font-weight: bold;
	font-size: smaller;
	font-style: italic;
}
.watermark1
{
    color: darkgray;
    font-style: italic;
}
.ajax__tab_yuitabview-theme .ajax__tab_header
{
    font-family: arial,helvetica,clean,sans-serif;
    font-size: small;
    border-bottom: #2f4f4f 5px solid;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_outer 
{
    background:url(images/yui/sprite3.png) #d8d8d8 repeat-x;
    margin:0px 0.16em 0px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
    border:solid 1px #a3a3a3;
    border-bottom-width:0px;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_tab
{    
    color:#000;
    padding:0.35em 0.75em;    
    margin-right:0.01em;
}
.ajax__tab_yuitabview-theme .ajax__tab_hover .ajax__tab_outer 
{
    background: url(images/yui/sprite3.png) #bfdaff repeat-x left -1300px;
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_tab 
{
    color:#fff;
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_outer
{
    background:url(images/yui/sprite3.png) #2f4f4f repeat-x left -1400px;
}
.ajax__tab_yuitabview-theme .ajax__tab_body
{
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    padding: 0.25em 0.5em;
    background-color: #fffdff;
    border: solid 1px #808080;
    border-top-width: 0px;
}
/* identical to above ajx tab theme, except without border around area. used on default */
.ajax_borderless_tab_yuitabview-theme .ajax__tab_header
{
    font-family: arial,helvetica,clean,sans-serif;
    font-size: small;
    border-bottom: #2f4f4f 5px solid;
}
.ajax_borderless_tab_yuitabview-theme .ajax__tab_header .ajax__tab_outer 
{
    background:url(images/yui/sprite3.png) #d8d8d8 repeat-x;
    margin:0px 0.16em 0px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
    border:solid 1px #a3a3a3;
    border-bottom-width:0px;
}
.ajax_borderless_tab_yuitabview-theme .ajax__tab_header .ajax__tab_tab
{    
    color:#000;
    padding:0.35em 0.75em;    
    margin-right:0.01em;
}
.ajax_borderless_tab_yuitabview-theme .ajax__tab_hover .ajax__tab_outer 
{
    background: url(images/yui/sprite3.png) #bfdaff repeat-x left -1300px;
}
.ajax_borderless_tab_yuitabview-theme .ajax__tab_active .ajax__tab_tab 
{
    color:#fff;
}
.ajax_borderless_tab_yuitabview-theme .ajax__tab_active .ajax__tab_outer
{
    background:url(images/yui/sprite3.png) #2f4f4f repeat-x left -1400px;
}
.ajax_borderless_tab_yuitabview-theme .ajax__tab_body
{
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    padding: 0.25em 0.5em;
    background-color: #fffdff;
    border-top-width: 0px;
}
.accounttabtitle
{
    font-weight: normal;
    font-size: 14px;
}
.confirm-dialog {	
    BACKGROUND: url(images/dialog24.png) no-repeat left top;	
    MARGIN: 0px auto;	
    WIDTH: 330px;	
    PADDING-TOP: 14px;	
    POSITION: relative;
}
.confirm-dialog .inner {	
    PADDING-RIGHT: 20px;	
    PADDING-LEFT: 20px;	
    PADDING-BOTTOM: 11px;	
    BACKGROUND: url(images/dialog24.png) no-repeat left bottom;	
    FLOAT: left;	
    MARGIN: 0px 0px -20px 0px;	
    WIDTH: 290px;	
    PADDING-TOP: 0px;
} 
.confirm2-dialog {	
    BACKGROUND: url(images/dialog3.png) no-repeat left top;	
    MARGIN: 20px auto;	
    WIDTH: 670px;	
    PADDING-TOP: 44px;	
    POSITION: relative;
}
.confirm2-dialog .inner {	
    PADDING-RIGHT: 20px;	
    PADDING-LEFT: 20px;	
    PADDING-BOTTOM: 11px;	
    BACKGROUND: url(images/dialog3.png) no-repeat left bottom;	
    FLOAT: left;	
    MARGIN: 0px 0px -20px 0px;	
    WIDTH: 630px;	
    PADDING-TOP: 0px;
} 
.confirm-dialog .base {	
    BORDER-TOP: #ddd 1px solid;	
    BACKGROUND: url(images/dialog-base.png) no-repeat left bottom;	
    PADDING-BOTTOM: 4px;	
    MARGIN-LEFT: -11px;	
    MARGIN-RIGHT: -11px;	
    PADDING-TOP: 4px;	
    TEXT-ALIGN: center;
}
.confirm-dialog H2 {	
    FONT-WEIGHT: bold;	
    FONT-SIZE: 1.25em;	
    COLOR: #f60;
    TEXT-ALIGN: center;
} 

.confirm-dialog input {	
    WIDTH:50px;
}     

.close {	
    DISPLAY: block;	
    BACKGROUND: url(images/close24.png) no-repeat 0px 0px;	
    LEFT: -5px;	
    WIDTH: 26px;	
    TEXT-INDENT: -1000em;	
    POSITION: absolute;	
    TOP: -7px;	
    HEIGHT: 26px;	
}
.accountbuttonmouse
{
    z-index: 5000;
}
.left
{
    text-align: left;
}
.popupmenu
{
    visibility: hidden;
    border-width: 1px;
    border-style: solid;
    border-color: Gray;
}
.modalpanel
{
    background-color:White;
    border:solid 10px;
    border-color:black;
    opacity:0.5;
	filter:alpha(opacity=50);
}
.modularback
{
    background-color:gray;
    opacity:0.8;
	filter:alpha(opacity=80);
}
.modalpanel2
{
    opacity:1;
	filter:alpha(opacity=100);
}
.thumboutline
{
    border-right: lightgrey 1px solid;
    padding-right: 5px;
    border-top: lightgrey 1px solid;
    padding-left: 5px;
    padding-bottom: 5px;
    border-left: lightgrey 1px solid;
    padding-top: 5px;
    border-bottom: lightgrey 1px solid;
    background-color: #e8eef5;
}
.thumboutline:hover
{
    border-right: lightgrey 1px solid;
    padding-right: 5px;
    border-top: lightgrey 1px solid;
    padding-left: 5px;
    padding-bottom: 5px;
    border-left: lightgrey 1px solid;
    padding-top: 5px;
    border-bottom: lightgrey 1px solid;
    background-color: lightgrey;
}
.thumboutline2
{
    border-right: lightgrey 1px solid;
    padding-right: 3px;
    border-top: lightgrey 1px solid;
    padding-left: 3px;
    padding-bottom: 3px;
    border-left: lightgrey 1px solid;
    padding-top: 3px;
    border-bottom: lightgrey 1px solid;
    background-color: #e8eef5;
}
.thumboutline2:hover
{
    border-right: lightgrey 1px solid;
    padding-right: 3px;
    border-top: lightgrey 1px solid;
    padding-left: 3px;
    padding-bottom: 3px;
    border-left: lightgrey 1px solid;
    padding-top: 3px;
    border-bottom: lightgrey 1px solid;
    background-color: lightgrey;
}
.history_head1
{
}
.history_head2
{
    BORDER-TOP: #acecec 1px solid; WIDTH: 100%; BACKGROUND-COLOR: #d9f7f7
}
.history_activity1
{}
.history_activity2
{
    position:relative; top:-3px; color:DodgerBlue; font-family:Tahoma; font-size:14px; font-weight:bold;
    }
.history_title1
{}
.history_title2
{
    font-size:12px;
    }
.history_descrip1
{}
.history_descrip2
{ font-size:9px;}
.prof_div
{
    background-image: url('images/menuarrow.png');
}
.prof_div:hover
{
    background-image: url('images/menuarrow2.png');
}
.prof_button
{
 color: #003399; 
      
}
.prof_button:hover { text-decoration: none; }
.graybackonhover{}
.graybackonhover:hover
{
    background-color: #ecf6f5;
}
.graybackonhover2
{
    background-color: #F9F9F9;
    border-top: gainsboro 1px solid;
    border-bottom: Gainsboro 1px solid;
}
.graybackonhover2:hover
{
    background-color: #ecf6f5;
}
.graytopbottombox
{
    background-color: #f9f9f9;
    border-top: gainsboro 1px solid;
    border-bottom: gainsboro 1px solid;
}

.login
{
    background-color: #faffff;
}
.login:hover
{
    background-color: #ecf6f5;
}
.register
{
    background-color: #F9F9F9;
}
.register:hover
{
    background-color: #ecf6f5;
}
.profhomehighlightbox:hover
{
    background-color: #b6dbf2;
    cursor: pointer;
    color: #187dbe;
    text-decoration: none;
}
.profhomehighlightbox:hover a
{
    color: #187dbe;
    text-decoration: none;
}
.profhomehighlightbox a
{
    color: #187dbe;
    text-decoration: none;
}
.rednav
{
    background-color: #fdf1e2;
    cursor: pointer;
}
.rednav:hover
{
    background-color: #fde1be;
    cursor: pointer;
}
.rednav2
{
    background-color: #FFFFFF;
    cursor: pointer;
}
.rednav2:hover
{
    background-color: #f9f7f4;
    cursor: pointer;
}
.bluetab
{
    background-color: #f2f9fe;
    border-left: ##000000 3px solid;
    border-top: ##000000 3px solid;
    border-right: ##000000 3px solid;
    cursor:pointer;
}
.bluetab:hover
{
    background-color: lightblue;
    border-left: #000000 3px solid;
    border-top: #000000 3px solid;
    border-right: #000000 3px solid;
    cursor:pointer;
}
.greennav
{
    background-color: #f7fbf6;
    cursor: pointer;
}
.greennav:hover
{
    background-color: #e3f5df;
    cursor: pointer;
}
.autocomplete_completionListElement
{
    font-size: 16px;
    font-family: Tahoma;
}
.af_images a
{
    width:20%;
    font-family: tahoma;
    font-size: 13px;
    font-weight: normal;
}
.colalert:hover
{
    background-color: #FFFFFF;
}
.buddylist
{
    background-color: #36393d;
    cursor: pointer;
}
.buddylist:hover
{
    background-color: #74787d;
}
.purplebutton
{
    border-bottom: #f6dafa 1px solid;
    border-left: #f6dafa 2px solid;
    padding-bottom: 2px;
    background-color: #d58de0;
    padding-left: 2px;
    padding-right: 2px;
    font-family: tahoma;
    color: white;
    border-top: #f6dafa 1px solid;
    font-weight: normal;
    border-right: #f6dafa 2px solid;
    padding-top: 2px;
    cursor: pointer;
}
.purplebutton:hover
{
    border-bottom: #f6dafa 1px solid;
    border-left: #f6dafa 2px solid;
    padding-bottom: 2px;
    background-color: #bf64cd;
    padding-left: 2px;
    padding-right: 2px;
    font-family: tahoma;
    color: white;
    border-top: #f6dafa 1px solid;
    font-weight: normal;
    border-right: #f6dafa 2px solid;
    padding-top: 2px;
    text-decoration: none;
}
.bluenav
{
    background-color: #CFECFF;
    cursor: pointer;
}
.bluenav:hover
{
    background-color: #B5D6EB;
    cursor: pointer;
}
.purp
{
    background-color: #C965C9;
    cursor: pointer;
    color: White;
}
.purp:hover
{
    background-color: #EB81EB;
    cursor: pointer;
}
.fpboxblue:hover
{
    background-color: whitesmoke;
}
.boxlinkf
{
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #cccccc;
    color:#3b73b9;
    padding: 3px;
    font-weight: normal;
    cursor: pointer;
}
.boxlinkf:hover
{
    color: #666666;
    background-color: #f0f7e8;
    border: single 1px #dimgray;
}
.opac:hover
{
	opacity:.80;
	filter: alpha(opacity=80);
}
.graytextboxbig
{
    border-bottom: gray 1px solid;
    border-left: gray 1px solid;
    border-top: gray 1px solid;
    border-right: gray 1px solid;
    font-family: tahoma;
    color: dimgray;
    font-size: 19px;
}
.comments1
{
    border-bottom: #c8c6c6 1px solid;
    border-left: #c8c6c6 1px solid;
    background-color: #f6f6f3;
    width: 670px;
    font-family: tahoma;
    margin-bottom: 10px;
    color: #30002e;
    font-size: 12px;
    border-top: #c8c6c6 1px solid;
    border-right: #c8c6c6 1px solid;
}
.comments2
{
    border-bottom: #aaaaaa 1px solid;
    border-left: #aaaaaa 1px solid;
    background-color: #f9f9f9;
    width: 670px;
    font-family: tahoma;
    margin-bottom: 10px;
    color: #30002e;
    font-size: 12px;
    border-top: #aaaaaa 1px solid;
    border-right: #aaaaaa 1px solid;
}
.comments_user
{
    font-family: tahoma;
    color: #3866cc;
    font-size: 21px;
}
.bluetab2
{
    background-color: #EBF5FA;
    border-left: #000000 3px solid;
    border-top: #000000 3px solid;
    border-right: #000000 3px solid;
    cursor: pointer;
}
.bluetab2:hover
{
    background-color: lightblue;
    border-left: #000000 3px solid;
    border-top: #000000 3px solid;
    border-right: #000000 3px solid;
    cursor:pointer;
}
.bigbox
{
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: gray 1px solid;
    margin-bottom: 3px;
    font-family: tahoma;
    color: dimgray;
    font-size: 16px;
    font-weight: normal;
}
.noborderbox
{
    border: none 0px;
}

.bluewithdotted
{
    background-color: #F3F7F8;
    border-style: dotted none dotted none;
    border-width: 2px 0px 2px 0px;
    padding: 10px 0 10px 5px;
    border-top-color: #DDDDDD;
    border-bottom-color: #DDDDDD;
}

.opacfinger:hover
{
	opacity:.80;
	cursor: pointer;
	filter: alpha(opacity=80);
}
.bigwatermark
{
    font-size: 21px;
    color: dimgray;
    font-family: Tahoma;
}
.showmore
{
    border: 5px solid #666666;
    background-color: #F0F0F0;
    cursor: pointer;
}
.showmore:hover
{
    background-color: #CAEEFF;
    border: 1px solid #666666;
    cursor: pointer;
}
.light-opacfinger:hover
{
	opacity:.90;
	cursor: pointer;
	filter: alpha(opacity=90);
}
