/* Default CSS Stylesheet for a new Web Application project */

BODY
{
    FONT-FAMILY: Tahoma, Helvetica, sans-serif;
    FONT-WEIGHT: normal;
    LETTER-SPACING:normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
    background-color:#ffffff; /*#EDEDED;*/
    background-image:url(images/mainbg.gif);
    font-size:12px; 
    color:black;
}

/* No scrollbars for NN/Mozilla */
/*body 
{
	position: fixed; 
	top: 0; 
	right: 0; 
	bottom: 0; 
	left: 0;
	overflow: hidden; 
}*/

TABLE, TD {
    font-size:12px;
	border-color: #DDD;
}


.ValMsg
{
	font-weight: bold;
	color: #ff0033;
	/* border-bottom: #ff4c00 1px dotted; */
}

.siteTitle
{
	font-weight: bold;
	font-size:large;
}

.InfoMsg, A.InfoMsg
{
	font-weight: bold;
	color: #ff9900;
}

.LoadProgress
{
	color:#ff9900;
}

.printStep
{
	background-color:#fef1de;
}

.piccount
{
	font-family:Verdana,Tahoma,Arial;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	color:#ff9900;
}

.EXIFData table td
{
	font-size:11px;
}

.EXIFInfo
{
	text-transform:uppercase;
	font-size:10px;
	color:Gray;
}

.SelectSmall 
{
        FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif;
        border-style:none;      
        font-size:10px;
        border-width:0;
}

.InnerFrame
{
    background-color: White; /*#EDEDED;*/
    border: none;  
}

.TopFrame
{
        background-color: #B2B2CC; /*#D9D9D9;*/
        border-bottom:  solid 1px #D9D2EC ; 
    font-size:10px;
    background-image:none;
    color:black;
}

.BottomFrame
{
        background-color: White; /*#D9D9D9;*/
        border-top: solid 1px #D9D2EC ; 
    font-size:10px;
    background-image:none;
    color:black;
}

.OuterFrame
{
        background-color: White; /*#D9D9D9;*/
        border-color:Black;
}

.TreeFrame
{
    background-color: White; /*#EDEDED;*/
    background-image:url(images/treebg.gif);
}

TABLE.RankMenu
{ 
	border-top:2px solid #E0E0E0; 
	border-left:2px solid #E0E0E0; 
	border-right:2px solid #202020; 
	border-bottom:2px solid #202020; 
	background-color: white; 
	font-size:11px;
}

TABLE.RankMenu a
{
	font-size:11px;
}

.InlineHint
{
	border: #b2b2cc 1px solid;
	margin: 5px;
	padding: 2px;
	background-color: #ffffcc;
	font-size:11px;
}

.RandomHintArea
{
	width:360px;
	padding: 3 3 3 3;
	margin: 1 1 1 1;
	margin-right:20;
	border: solid 1px #B2B2CC;
}

.RandomHint
{
	font-family:Tahoma;
	font-size:11px;
}

.RandomHintTitle
{
	font-family:Tahoma;
	font-size:11px;
	color: #B2B2CC;	
	font-weight:bold;
}

.TreeArea
{
    background-color: White; /*#EDEDED;*/
    background-image:url(images/treebg.gif);
    background-repeat:no-repeat;
    border-right: solid #B2B2CC 1px; 
}

.AlbumArea
{
    border-left: solid #B2B2CC 1px; 
}

.DirTitleArea
{
    border-bottom: solid #B2B2CC 1px; 
}

.clickable
{
	cursor:pointer;
}

.ToolbarFrame
{
    font-size:10px;
    background-color:#B2B2CC;
    background-image:none;
    color:black;
}

/*A.ToolbarFrame, A.ToolbarFrame:link, A.ToolbarFrame:visited, A.ToolbarFrame:active
{       
        font-family: Verdana, Arial, Helvetiva; 
        text-decoration:        none;
        color:white;
        font-size: 10px;
}       
                        
A.ToolbarFrame:hover    {       
        font-family: Verdana, Arial, Helvetiva; 
        text-decoration:        underline;
        color:  #BDEB19;
        font-size: 10px;
}*/



#ThumbTable 
{
        /*border-top:white 1px solid; 
        border-left:white 1px solid; 
        border-bottom:white 1px solid; 
        border-right:white 1px solid; */
}


.MainFooter
{
        background-color:#666699;
        background-image:url(images/centerbar.gif);
        color:White;
}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
        font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
        font-style:     normal;
        text-decoration:        none;
        word-spacing:   normal;
        letter-spacing: normal;
    text-transform:capitalize;
}

H2      {       
        font-size:15;
        font-weight: bold;
        letter-spacing:2;
        text-transform:uppercase;
        padding-bottom:5;
        }       

                
H3      {       
        font-size:13px;
        font-weight: bold;
        letter-spacing:5;
        text-transform:uppercase;
        background-image:url(images/line.gif);
        background-repeat:repeat-x;
        background-position: 0 20;
        padding-bottom:5;
        }       


H4      {       
        font-size:11px;
        font-weight: bold;
        zcolor:#ff9933;
        letter-spacing:2;
        text-transform:uppercase;
        padding-bottom:3;
        }       
                                        
TH      {       
        vertical-align: baseline;
        font-weight:    bold;
        word-spacing:   normal;
        letter-spacing: normal;
        text-transform: none;
}       

.Subhead
{
    font-weight:bold;
    font-size:medium;
}

A:link  {       
        text-decoration:        none;
        color:Black;
        }       
                
A:visited       {       
        text-decoration:        none;
        color:Black;
        }       
                
A:active        {       
        text-decoration:        none;
        color:Black;
        }       
                
A:hover {       
        text-decoration:        none;
        color:#ffcc00;
        }       

UL LI   {       
        list-style-type:        square ;
        }       

UL LI LI        {       
        list-style-type:        disc;
        }       

UL LI LI LI     {       
        list-style-type:        circle;
        }       
        
OL LI   {       
        list-style-type:        decimal;
        }       

OL OL LI        {       
        list-style-type:        lower-alpha;
        }       

OL OL OL LI     {       
        list-style-type:        lower-roman;
        }       

IMG     {
        border: 0px;
}

.btnToolBar
{
        margin-top: 0px;
}


.CommonSimpleTabStripTab 
{
	color: #000000;
	font-family: Trebuchet, Verdana, Tahoma, Arial, Helvetica; 
	font-weight: bold;
	font-size:13px; 
	cursor:pointer;
    display:block;
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#666699;
	margin: 1px 0px 1px 1px;
}

A.CommonSimpleTabStripTab:LINK, A.CommonSimpleTabStripTab:VISITED, A.CommonSimpleTabStripTab:ACTIVE
{
	display: block;
	padding-left: 16px;
	padding-right: 16px;
	color: white;
	text-decoration: none;
}

A.CommonSimpleTabStripTab:HOVER
{
	display: block;
	padding-left: 16px;
	padding-right: 16px;
	color: black;
	background-color:#ffcc00;
	text-decoration: none;
	background-image: url(images/menuon.gif);
	background-repeat:repeat-x;
	border-style:solid;
	border-width:1;
	border-color:#444444;
	display:block;
	margin:0px;
}

A.btnForm, A.btnForm:visited, A.btnForm:hover, A.btnForm:active, TD.btnForm
{
    margin-right: 5px;
    padding-top:2px;
    padding-left:8px;
    padding-right:8px;
    padding-bottom:3px;
    color:black;
    font-weight:normal;
    text-align:center;
    background-color:#ffcc00;
    background-image:url(images/btn_bg_up.gif);
    background-repeat:repeat-x;
    text-decoration:none;
    height:21px;
	font-family:Verdana, Tahoma, Arial, Helvetica;
	border:1px solid;
	border-top-color:#999;
	border-left-color:#999;
	border-right-color:#666;
	border-bottom-color:#666;
    
	/*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ff9999cc');*/
}
         
A.btnForm:hover, TD.btnForm:hover
{
    zbackground-color:#9999cc;
	background-image:url(images/btn_bg_down.gif);
    background-repeat:repeat-x;
	/*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffcc00',EndColorStr='#ffffffff');*/
}

A.btnFormDefault, A.btnFormDefault:visited, A.btnFormDefault:hover, A.btnFormDefault:active, TD.btnFormDefault
{
    margin-right: 5px;
    padding-top:2px;
    padding-left:8px;
    padding-right:8px;
    padding-bottom:3px;
    color:white;
    font-weight:bold;
    text-align:center;
    background-color:#669966;
    height:21px;
    /*background-color:#9999cc;
    background-image:url(images/btn_bg_up.gif);
    background-repeat:repeat-x;
    text-decoration:none;
    height:21px;
	font-family:Verdana, Tahoma, Arial, Helvetica;*/
	border:1px solid;
	border-top-color:#999;
	border-left-color:#999;
	border-right-color:#666;
	border-bottom-color:#666;
    
	/*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ff9999cc');*/
}
         
A.btnFormDefault:hover, TD.btnFormDefault:hover
{
    background-color:#666699;
	/*background-image:url(images/btn_bg_down.gif);
    background-repeat:repeat-x;*/
	/*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffcc00',EndColorStr='#ffffffff');*/
}


A.btnFront1, A.btnFront1:visited, A.btnFront1:active, TD.btnFront1, A.btnFront2, A.btnFront2:visited, A.btnFront2:active, TD.btnFront2
{
    margin-right: 5px;
    padding-top:8px;
    padding-left:8px;
    padding-right:8px;
    padding-bottom:8px;
    font-size:12px;
    color:black;
    font-weight:bold;
    vertical-align:middle;
    text-align:center;
    height:32px;
    
	/*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ff9999cc');*/
}

A.btnFront2, A.btnFront2:visited, A.btnFront2:active, TD.btnFront2
{
   font-family:Verdana;
   background-image:url(images/glass160x32y.jpg);
   background-color:#ffcc00;
   color:Black;
   width:160px;   
}

A.btnFront1, A.btnFront1:visited, A.btnFront1:active, TD.btnFront1
{
   font-family:Verdana;
   background-image:url(images/glass160x32g.jpg);
   background-color:#669966;
   color:Black;
   width:160px;   
}
         
A.btnFront1:hover, TD.btnFront1:hover
{
   background-image:url(images/glass160x32v.jpg);
   background-color:#666699;
   color:Black;
}

A.btnFront2:hover, TD.btnFront2:hover
{
   background-image:url(images/glass160x32v.jpg);
   background-color:#666699;
   color:Black;
}

A.btnLink, A.btnLink:visited, A.btnLink:hover, A.btnLink:active, TD.btnLink
{
    padding-top:2px;
    padding-bottom:3px;
    color:#6666aa;
    font-weight:normal;
    text-align:center;
    text-decoration: underline;
    /*background-color:#9999cc;
    background-image:url(images/btn_bg_up.gif);
    background-repeat:repeat-x;
    text-decoration:none;
    height:21px;
	font-family:Verdana, Tahoma, Arial, Helvetica;*/   
	/*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ff9999cc');*/
}

A.btnLink:hover, TD.btnLink:hover
{
    color:#ffcc00;
    /*background-color:#666699;*/
	/*background-image:url(images/btn_bg_down.gif);
    background-repeat:repeat-x;*/
	/*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffcc00',EndColorStr='#ffffffff');*/
}


.EditBox, .DirTitleInput, .PicDateInput, .DirPassInput, .PicTitleInput, .DirDescInput
{
	border:1px solid;
	border-top-color:#666;
	border-left-color:#666;
	border-right-color:#999;
	border-bottom-color:#999;
}

.EditBox
{
	width: 96px;
}


.DirTitleInput
{
	font-size:11px;
    color: Black;
    text-align:left; 
    height:18px; 
    width:200px; 
}

.DirDescInput
{
	font-size:12px;
    color: Black;
    text-align:left; 
}

.expandBtn
{
    WIDTH: 14px; 
    HEIGHT: 14px;
    cursor:pointer;
}



.PicDateInput
{
	font-size:11px;
    LEFT: 27px; 
    VISIBILITY: hidden; 
    WIDTH: 97px; 
    POSITION: absolute; 
    TOP: 124px; 
    HEIGHT: 16px;
    text-align:center;
}

.PicTitleInput
{
	font-size:11px;
    text-align:center;
}

.DirPassInput
{
    color: Black;
    text-align:left; 
    height:18px; 
    width:80px; 
}

.DirPassButton
{
    height:18px; 
    width:40px; 
}

.DirAdultButton
{
    height:18px; 
    width:140px; 
}




.PullDownList
{
}

A.btnSystem, A.btnSystem:visited
{
        padding-bottom: 5px;
        margin-right: 3px;
        color:white;
        text-decoration:none
}

A.btnSystem:hover
{
        padding-bottom: 5px;
        margin-right: 3px;
        color:black;
        text-decoration:none;
}

A.btnInline, A.btnInline:visited
{
        padding-bottom: 5px;
        margin-right: 13px;
        color:white;
        text-decoration:none
}

A.btnInline:hover
{
        padding-bottom: 5px;
        margin-right: 13px;
        color:#FFCC00;
        text-decoration:none;
}

A.FooterLink, A.FooterLink:visited
{
        padding-bottom: 5px;
        margin-right: 6px;
        margin-left:6px;
        color:white;
        font-weight:bold;
        text-decoration:none;
        text-transform:lowercase;
}

A.FooterLink:hover
{
        padding-bottom: 5px;
        margin-right: 6px;
        margin-left:6px;
        color:#FFCC00;
        text-decoration:none;
}


.btnMenuDiv, A.btnMenuDiv:hover
{ 
        width: 150px;        
}


A.btnMenuItem, A.btnMenuItem:hover, A.btnMenuItemSelected
{ 
        font-size:11px;
        font-weight:bold;
        cursor:pointer;
        color:Black;
        text-decoration:none;
        width: 150px;
        padding-left: 8px;
        padding-top: 5px;
        padding-bottom: 5px;
        /*padding-right:auto;*/
        display:block;
        background-image: url(images/glass_y.jpg);
        background-repeat:no-repeat;
        overflow:visible;
        /*padding-right: 3px;
        */
        /*margin:5px 5px 5px 5px;*/
        /*background-image: url(images/button.gif);
        background-repeat:  no-repeat;*/
        /*border-left-style:solid;
        border-left-color:Black;
        border-left-width:1;
        border-right-style:solid;
        border-right-color:Black;
        border-right-width:1; */
}

A.btnMenuItem:hover
{ 
        height: 27px;           
        width: 150px;
        background-image: url(images/glass_v.jpg);
        color:Black;
        /*background-color:#ffcc00;*/
}

A.btnMenuItemSelected, A.btnMenuItemSelected:visited, A.btnMenuItemSelected:active
{ 
        height: 27px;           
        width: 150px;
        background-image: url(images/glass_v.jpg);
        color:Black;
        /*background-color:#ffcc00;*/
}


.btnMenuBox, A.btnMenuBox, A.btnMenuBox:hover
{ 
        height: 27px;           
        width: 150px;
        /*border-left-style:solid;
        border-left-color:Black;
        border-left-width:1;*/
        /*border-right-style:solid;
        border-right-color:Black;
        border-right-width:1; */
}

A.btnMenuBox:hover
{ 
        background-image: url(images/mbutton_over.gif);
        /*background-color:#ffcc00;*/
}



.tblGrid
{
        border-width: 1px;
        border-color: #eeeeee;
        border-style: solid;
}

.expPanel
{
    border-color:#cccccc;
    border-width:1px;
    border-style:solid;
    margin-bottom:4px;
}

.expContent
{
    color:Black;
    background: url(images/grad.gif) 0 100% repeat-x transparent;
    background-color:#ffffff;
}

.expCaption
{
    padding-left:3px;
    padding-bottom:2px;
    background-color:#dddddd;    
    padding-top:2px;
    font-weight:bold;
}


.wizTitle
{
    font-size:13px;
    font-weight: bold;
    letter-spacing:5;
    text-transform:uppercase;
    background-image:url(images/line.gif);
    background-repeat:repeat-x;
    background-position: 0 22;
    padding-bottom:5;    
    padding-top:5px;
}

.tblGrid tr td
{
    /*border-bottom-width: 1px;
    border-bottom-color: #5C5C5C;
    border-bottom-style: solid;*/
    padding-left: 4px;
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
}

.tblItem
{
    /*color: black;*/
    /*BACKGROUND-COLOR: silver;*/
}
.tblAltItem
{
    /*color: black;*/
    BACKGROUND-COLOR: #EDEDED;
}

.tblHead
{
	/*background-image:url(images/btn_bg_up.gif);	*/
    BACKGROUND-COLOR: #eeeeee; /*#B2B2CC;*/
    color:Black;
    font-weight: bold;  
    TEXT-ALIGN: left;
    border-bottom-width: 1px;
    border-bottom-color: #5C5C5C;
    border-bottom-style:double;
}

.tblOddRow
{
    color: #3D3E6C;
    BACKGROUND-COLOR: #C9C9E0;
    TEXT-ALIGN: left;
}
.tblEvenRow
{
    color: #3D3E6C;
    BACKGROUND-COLOR: #DBDBEC;
    TEXT-ALIGN: left;
}

loginLink, A.loginLink, A.loginLink:visited, A.loginLink:hover, A.loginLink:active
{
    margin-right: 5px;
    padding-top:2px;
    padding-left:8px;
    padding-right:8px;
    padding-bottom:3px;
    color:black;
    font-weight:normal;
    text-align:center;
    background-color:#ffcc00;
    font-size:10px;
    background-color:#9999cc;
    background-image:url(images/btn_bg_up.gif);
    background-repeat:repeat-x;
    text-decoration:none;
    height:21px;
	font-family:Verdana, Tahoma, Arial, Helvetica;
	border:1px solid;
	border-top-color:#999;
	border-left-color:#999;
	border-right-color:#666;
	border-bottom-color:#666;
}

A.loginLink:hover, TD.loginLink:hover
{
    background-color:#666699;
    background-image:url(images/btn_bg_up.gif);
    background-repeat:repeat-x;
    text-decoration:none;
}

.loginPrompt 
{
        font-size:      xx-small;
}

.SmallBlack /* toolbar buttons */
{
    color: Black;
    font-size:8pt; 
    text-align: right; 
}

A.SmallBlack, A.SmallBlack:hover, A.SmallBlack:visited, A.SmallBlack:active
{
    color: Black;
    font-size:8pt; 
    text-align: right; 
}

DIV.PicTitle, .PicTitleFile
{
    text-align: center;
    font-size:11px;
    color:Black;
    text-overflow:ellipsis; 
    overflow:hidden; 
    position:absolute;
    /*background-color:#ADADAD;
    border-color:#A6A6A6;
    border-width:1;
    border-style:solid;*/
}

.PicTitleFile, DIV.PicTitleFile A, DIV.PicTitleFile A:visited, DIV.PicTitleFile A:active
{
	color:Gray;
	/*border: dotted 1 #FFCC00;*/
}

DIV.PicTitleFile A:hover
{
	color:#FFCC00;
	/*border: dotted 1 #FFCC00;*/
}

.PicDate
{
    font-family:Tahoma;
    font-size:11px;
    color: Black;
    text-align: center; 
}

A.PicTitle, A.PicDate
{
	/*border: dotted 1 #FFCC00;*/
}


.PicNumber
{
    font-family:Tahoma;
    font-size:10px;
    color: Black;
    font-weight: bold;    
    text-align: center; 
}

.DirLangTag
{
        background-color:#C42850; 
        color:white;    
}

.DirTitle
{
    font-family:Verdana;
}

.DirInfo
{
    font-family:Verdana;
    color:#999999;
    font-size:10px;
}

.DirSecurityName
{
	font-size:10px;
    text-align:left; 
    padding-right:2px;
    padding-left:10;
}

.DirSecurityValue
{
    font-size:10px;
    text-align:left; 
    padding-left:2px;
    padding-right:2px;
    font-weight:bold;
}

.Copyright
{
        font-family: Verdana, Arial, Helvetiva; 
        font-size:9px;
        color: White;        
}

.ThmbMsg
{
    font-weight: bold;
    color: #6666FF;
    margin-top:5px;
    margin-left:20px;
    position:absolute;
    /*background-color:Silver;*/
    padding-bottom:5;
    vertical-align:middle;
}

.ThumbMsg
{
    font-weight: bold;
    color: #6666FF;
    margin-top:5px;
    margin-left:20px;
    padding-bottom:5;
    vertical-align:middle;
}

.TreeMsg
{
    font-weight: bold;
    color: #6666FF;
    padding-bottom:5;
    position:absolute;
    top:30px;
    left:20px;
    vertical-align:middle;
}

.FolderTitle, A.FolderTitle
{
	position:absolute;
	left:35;
	top:3;
    font-weight: bold;
    font-size: 14px;
    /*padding:2, 2, 2, 2;*/
}

A.FolderTitle
{
	/*border-bottom: dotted 1 #cccccc ;*/
}


PRE {
    font-family:    Lucida Console, monospace;
}


UL LI   {
    list-style-type:    square ;
}

UL LI LI    {
    list-style-type:    disc;
}

UL LI LI LI {
    list-style-type:    circle;
}

OL LI   {
    list-style-type:    decimal;
}

OL OL LI    {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}

HR {
    height:1pt;
    text-align:left
}

.LeftMenuPane
{
        /*background-color:#EDEDED;
        border-style:solid;
        border-color:Black;
        border-width:1;*/
}

SPAN.TreeviewSpanArea A {
    FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
    font-size:11px;
    text-decoration: none;
        color: black;
}

SPAN.TreeviewSpanArea A:hover {
    FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
    font-size:11px;
        color:#ffcc00;
        text-decoration: none;
}

.ToolCaption
{
        font-size:11px;
        margin-left:5;
        /*border-top: solid 1 black;
        border-bottom: solid 1 black;
        border-left: solid 1 black;*/
        padding-left:3;
}

.ToolCaptionRight
{
        font-size:11px;
        /*border-top: solid 1 black;
        border-bottom: solid 1 black;
        border-right: solid 1 black;*/
        padding-right:3px;
}

.ToolInfo
{
    text-align:left; 
    font-size:11px;
    padding-left:2px;
    padding-right:2px;
    font-weight:bold;
}

.ToolButton, A.ToolButton, TD.ToolButton
{
    text-align:left; 
    font-size:11px;
    /*border-top: solid 1 black;
    border-bottom: solid 1 black;*/
    padding-top:1px;
    padding-left:8px;
    padding-right:8px;
    padding-bottom:2px;
	font-family:Tahoma, Arial, Helvetica;
    color:black;
    font-weight:normal;
    text-align:center;
    background-color:#9999cc;
    background-image:url(images/btn_bg_up.gif);
    background-repeat:repeat-x;
    text-decoration:none;
	border:1px solid;
	border-top-color:#999;
	border-left-color:#999;
	border-right-color:#666;
	border-bottom-color:#666;    
	vertical-align:middle;
}

A.ToolButton:hover, TD.ToolButton:hover
{
    background-color:#ffcc00;
	background-image:url(images/btn_bg_down.gif);
    background-repeat:repeat-x;
    color:black;
    text-decoration:none;
	/*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffcc00',EndColorStr='#ffffffff');*/
}


.HostLink, A.HostLink, A.HostLink:hover, A.HostLink:visited
{
	font-weight:bold;
}

.sliderWin
{
	width:20px;
	height:16px;
	border:solid 1px gray;
	font-size:9px;
}

.InfoArea
{
	padding:10px 10px 10px 10px;
	border:1px solid;
	border-top-color:#999;
	border-left-color:#999;
	border-right-color:#666;
	border-bottom-color:#666;
	background-color:White;
}


.roundedCornerSpacer {
    margin: 0px; padding: 0px; border: 0px;
    clear: both;
    font-size: 1px; line-height: 1px;
}
/* In the CSS below, the numbers used are the following:
    1px: the width of the border
    3px: a fudge factor needed for IE5/win (see below)
    4px: the width of the border (1px) plus the 3px IE5/win fudge factor
    14px: the width or height of the border image
*/
.borderTL, .borderTR, .borderBL, .borderBR {
    width: 14px; height: 14px;
    padding: 0px; border: 0px;
    z-index: 99;
}
.borderTL, .borderBL { float: left; clear: both; }
.borderTR, .borderBR { float: right; clear: right; }
.borderTL { margin: -1px 0px 0px -1px; }
.borderTR { margin: -1px -1px 0px 0px; }
.borderBL { margin: -14px 0px 0px 0px; }
.borderBR { margin: -14px 0px 0px 0px; }
/* IE5-5.5/win needs the border scooted to the left or right by an
   additional 3px! Why? */
.borderTL {
    margin-left: -4px;
    ma\rgin-left: -1px;
}
html>body .borderTL {
    margin-left: -1px;
}
.borderTR {
    margin-right: -4px;
    ma\rgin-right: -1px;
}
html>body .borderTR {
    margin-right: -1px;
}
.borderBL {
    margin-left: -3px;
    ma\rgin-left: 0px;
}
html>body .borderBL {
    margin-left: 0px;
}
.borderBR {
    margin-right: -3px;
    ma\rgin-right: 0px;
}
html>body .borderBR {
    margin-right: 0px;
}
/* To get around a known bug in IE5/win, apply the
   border (no margin, padding or positioning) to the
   content class and apply whatever positioning you
   want to the contentWrapper class. */
.content {
    margin: 0px;
    padding: 0px;
    border: 1px solid #000000;
}
.contentWrapper {
    /* position this div however you want, but
       keep its padding and border at zero */
    padding: 0px;
    border: 0px;
}



/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h4 {
	background: url(images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 10px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1em; 
	line-height: 1em;
	/*text-shadow: rgba(0,0,0,.4) 0px 2px 5px; *//* Safari-only, but cool */
}
.boxbody {
	background: url(images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}

.widthlessbox {
	margin: 0 4%; /* NO WIDTH! Opens up a world of possibilities! */
	background: url(images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}

.pwidthlessbox {
	margin: 2px 2px; /* NO WIDTH! Opens up a world of possibilities! */
	background: url(images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
	float: left;
}

#tabmenu {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; Z-INDEX: 1; PADDING-BOTTOM: 0px; MARGIN: 12px 0px 0px; COLOR: #000; PADDING-TOP: 0px; BORDER-BOTTOM: black 2px solid
}
#tabmenu LI {
	DISPLAY: inline; OVERFLOW: hidden; LIST-STYLE-TYPE: none
}
#tabmenu A {
	BORDER-RIGHT: black 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: black 2px solid; PADDING-LEFT: 5px; BACKGROUND: #898b5e; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: bold 1.2em/1.2em "bitstream vera sans", verdana, sans-serif; BORDER-LEFT: black 2px solid; COLOR: #dedecf; PADDING-TOP: 5px; BORDER-BOTTOM: black 2px solid; TEXT-DECORATION: none
}
A.active {
	BORDER-RIGHT: black 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: black 2px solid; PADDING-LEFT: 5px; BACKGROUND: #898b5e; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: bold 1.2em/1.2em "bitstream vera sans", verdana, sans-serif; BORDER-LEFT: black 2px solid; COLOR: #dedecf; PADDING-TOP: 5px; BORDER-BOTTOM: black 2px solid; TEXT-DECORATION: none
}
#tabmenu A.active {
	BACKGROUND: #abad85; BORDER-BOTTOM: #abad85 3px solid
}
#tabmenu A:hover {
	BACKGROUND: #adc09f; COLOR: #fff
}
#tabmenu A:visited {
	COLOR: #e8e9be
}
#tabmenu A.active:hover {
	BACKGROUND: #abad85; COLOR: #dedecf
}
#content {
	BORDER-RIGHT: black 2px solid; PADDING-RIGHT: 20px; BORDER-TOP: black 2px; PADDING-LEFT: 20px; Z-INDEX: 2; BACKGROUND: #abad85; PADDING-BOTTOM: 20px; FONT: 0.9em/1.3em "bitstream vera sans", verdana, sans-serif; BORDER-LEFT: black 2px solid; PADDING-TOP: 20px; BORDER-BOTTOM: black 2px solid; TEXT-ALIGN: justify
}
#content A {
	COLOR: #e8e9be; TEXT-DECORATION: none
}
#content A:hover {
	BACKGROUND: #898b5e
}


/* SLIDER */

/*
	dark rgb(102,102,102)
	medium	rgb(152,153,153)
	gray:	rgb(204,204,204)
	bright: white;
	*/

.dynamic-slider-control {
	position:			relative;
	-moz-user-focus:	normal;
	-moz-user-select:	none;
	cursor:				default;
}

.horizontal {
	width:				160px;
	height:				20px;
}

.vertical {
	width:				29px;
	height:				200px;
}

.dynamic-slider-control input {
	display:	none;
}

.dynamic-slider-control .handle {
	position:			absolute;	
	font-size:			1px;
	overflow:			hidden;
	-moz-user-select:	none;
	cursor:				default;
}

.dynamic-slider-control.horizontal .handle {
	width:				15px;
	height:				16px;
	background-image:	url("images/handle.horizontal.png");
}

.dynamic-slider-control.horizontal .handle div {}
.dynamic-slider-control.horizontal .handle.hover {}

.dynamic-slider-control.vertical .handle {
	width:				16px;
	height:				15px;
	background-image:	url("images/handle.vertical.png");
}

.dynamic-slider-control.vertical .handle.hover {}

.dynamic-slider-control .line {
	position:			absolute;
	font-size:			0.01mm;
	overflow:			hidden;
	border:				1px solid;
	border-color:		rgb(102,102,102) white
						white rgb(102,102,102);
	
	/*behavior:			url("boxsizing.htc");*/ /* ie path bug */
	/*box-sizing:			content-box;*/
	
	-moz-box-sizing:	content-box;
}
.dynamic-slider-control.vertical .line {
	width:				4px;
}

.dynamic-slider-control.horizontal .line {
	height:				4px;
}

.dynamic-slider-control .line div {
	width:		2px;
	height:		2px;
	
	border:				1px solid;
	border-color:		rgb(152,153,153) rgb(102,102,102)
						rgb(102,102,102) rgb(152,153,153);
}


/* Review nav */
.tabs {
	padding-top: 3px;
	padding-left: 4px;
	margin-bottom: -2px;
	font-size: 9px;
	font-family: Tahoma, Arial;
	border-bottom: 1px solid #fff; /* hack for Moz */
	width:auto;
	background: url('/viewer/images/tabrule.gif') repeat-x 100% 100%;
	/* border: solid 1 black; */
}

.tabs UL {
	margin:0;
	padding: 0;
	width: 100%;
}

.tabs LI {
	list-style-type: none;
	float:left;
	background: url('viewer/images/rev.tab.r.sel.gif') no-repeat right top;
	border-bottom: 1px solid #ccc;
	width: auto;
	overflow: visible;
	white-space: nowrap;
	font-size: 11px
}
.tabs LI A:hover {
	color: #000;
}
.tabs LI A {
	background: url('viewer/images/rev.tab.l.sel.gif') no-repeat left top;
	display: block;
	color: #000;
	text-align: center;
	width: 8%; padding-left:6px; padding-right:6px; padding-top:4px; padding-bottom:2px
}

.tabs LI.selected  {
	font-weight: bold;
	background: url('viewer/images/rev.tab.r.gray.gif') no-repeat right top;
	border-bottom-color: #fff
}
.tabs LI.selected A {
	background: url('viewer/images/rev.tab.l.gray.gif') no-repeat left top;
	color: #000
}
.tabs LI.selected A:hover  {
	color: #000;
	text-decoration: none;
	cursor: default;
}

.tabs LI.wtb  {
	width: auto;
	background: url('viewer/images/rev.tab.r.wtb.gif') no-repeat right top;
}

.tabs LI.wtb A:hover {
	color: #fff;
}

.tabs LI.wtb A {
	color: #fff;
	background: url('viewer/images/rev.tab.l.wtb.gif') no-repeat left top;
	padding-left:10px; padding-right:15px; padding-top:4px; padding-bottom:2px
}

.tabsFrame
{
    margin-top:-4px;
    margin-bottom:-5px; 
    padding:10px;
    border-color:silver;
    border-width:1px;
    border-style:solid;
}

#accessories, #useropinions, .tabs LI.wtb {
	width: auto;
}

.Dashed {
  BORDER-RIGHT: #000000 1px dashed; 
  BORDER-TOP: #000000 1px dashed; 
  BORDER-LEFT: #000000 1px dashed; 
  BORDER-BOTTOM: #000000 1px dashed;
}

.comDiv
{
    margin-top:5px;
    margin-bottom:5px;
    border-top-style:solid;
    border-top-width:1px;
    border-top-color:#cccccc;
}

.comText
{
    margin-top:5px;
}

.comDate
{
    font-size:smaller;
    color:#999999;
}

.comName
{
    font-size:smaller;
    color:#999999;
    font-weight:bold;
}

.infoRow
{
    border-right-style: solid;
    border-right-color:#cccccc;
    border-right-width:1px;
    padding-left:5px;
}

.infoRowAlt
{
    background-color:#dddddd;
    border-right-style: solid;
    border-right-color:#cccccc;
    border-right-width:1px;
    padding-left:5px;
}

.WelcomeTitle
{
	font-family:Verdana,Tahoma,Arial;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	color:#ff9900;
}

.dd {
    border-left: 1px solid #A7A6AA; 
    border-top: solid 1px #A7A6AA; 
    border-bottom: solid 1px #A7A6AA; 
    padding-left: 2px;	
    background-color:white;
    font-size:11px;
    z-index: 1;
}

 
.printTable tr td
{
	font-size: 11px;
}

.roundBlueBorder
{
    width:350px !important; width /**/:360px; margin: 0 auto;padding:5px;text-align:left;background:#666699
}

.roundBlue
{
    background-color:#ddddff;
    margin-top:8px;
    margin-bottom:8px;
}

.roundYellow
{
    background-color: #ffffcc;
}

.roundGreen
{
    background-color: #ddffdd;
}

.roundGreenBorder
{
    width:350px !important; width /**/:360px; margin: 0 auto;padding:5px;text-align:left;background:#ddffdd;
}


.roundYellowBorder
{
    width:350px !important; width /**/:360px; margin: 0 auto;padding:5px;text-align:left;background:#ffcc00
}

.gradBox 
{
    background: url(images/grad.gif) 0 100% repeat-x transparent;
    background-color:#ffffff;
    padding:12px;
    border: 1px solid #ccc;
}

.gradTitle
{
    font-family:Verdana;
    color:#ffcc00;
    font-size:18px;
    zfont-weight:bold;    
}

.albTitle
{
    font-size:14px;
    font-weight:bold;
    padding-bottom:4px;
}

.albDates
{
    padding-top:5px;
    font-size:11px;
    color:#999999;
}

.albCount
{
    padding-top:5px;
    font-size:11px;
    color:#999999;
}