body { text-align: center; background-color: #E3EAF0; font-size: 11.5pt; }

/************** Layout **************/
#Wrap { width: 750px; padding: 0px 0px 0px 0px; background: white; height: 100%; margin: 0 auto; }
#Page { padding: 10px 10px 5px 10px; }
#Header { height: 110px; background: url('Images/header.jpg') no-repeat right top; }
#LogoHolder { float: left; }
#SearchBarHolder { float: right; }
#Footer
{
    font-size: 80%;
    padding-top: 55px;
    height: 70px;
    background: url('Images/bottom_bg.jpg') no-repeat;   
}
#CopyrightInfo { color: #AF401B; font-weight: bold; }
#Validation { font-size: 70%; }
#Content
{
    clear: both;
    height: 100%;
    background: white;
    padding: 5px 5px 5px 5px;
    font-family: Cambria;
    text-align: justify;
}
.Dialogs { width: 100%; }
.Dialogs td { width: 50%; text-align: justify; vertical-align: top; }
.Dialog 
{
    border: solid 1px #DEE4EC;
    padding: 10px; 
    vertical-align: top;
}
#WelcomeDialog { height: 180px; vertical-align: top; font-size: 90% }
#ChessDialog, #GalleryDialog { height: 365px; }

/********* General Rules ***********/
h1, h2, h3, h4, h5, h6
{
    text-align: center;
    color: #E25C1A !important;
    font-weight: bold;
    font-family: Book Antiqua;   
}
hr 
{
    color: #E7EEF1;
}
.LHeader { text-align: left !important; }
span.note { font-style: italic; font-size: 95%; }
span.title { font-weight: bold; }
a { color: #323232; }
a img, img { border-width: 0px; }
.OrangeHeader { color: #FF6600; text-align: left; font-family: Book Antiqua; text-align: center }
.Clear { clear: both; }
/* for centralized content*/
.ViewPage { width: 670px; margin: 0px auto; text-align: center; clear: both; }

/********** Image Border *********/
td.Left
{
    background: url('Images/left.jpg'); 
    background-repeat: no-repeat;
    width: 19px;
    height: auto;
    text-align: right;
}
td.Right
{   
    background: url('Images/right.jpg'); 
    background-repeat: no-repeat; 
    width: 23px;
    height: auto;
    text-align: left;
}
td.Up
{   
    background-image: url('Images/up.jpg');
    background-repeat: repeat-x; 
    height: 17px;
    width: auto;
    vertical-align: bottom;
}
td.Bottom
{   
    background: url('Images/bottom.jpg'); 
    background-repeat: repeat-x; 
    width: auto;
    height: 22px;
    vertical-align: bottom;
}
.StyledParagraph:first-letter 
{
    /*color: #AF401B;
    font-weight: bolder;*/
    float: left;
    font-size:280%;
    padding: 2px 3px;
}

/********** Admin Rages Layout *********/
#LeftColumn
{
    width: 280px;
    float: left;
}
#RightColumn
{
    width: 360px;
    float: right;   
}
.ImageButton
{
    vertical-align: middle;
    text-align: center;
    color: #DF6C17;
    font-weight: bolder;
    cursor: pointer;   
}
#Sidebar
{
    width: 25%;
    border: solid 1px #E7EDF1;
    padding: 10px 10px 10px 10px;   
    float: left;
}
#ContentWithSidebar
{
    width: 65%;   
    border: solid 1px #E7EDF1;
    padding: 10px 10px 10px 10px;   
    float: right;
    height:100%;
}
.TextBox, .TextArea 
{
	border: 1px solid #929292;
	vertical-align: middle;
	padding: 3px;
	background-color: #E7EEF1 !important;
}
.RegularButton
{
    background-color: #5A8E9E;
    border: outset 2px #558595;
    padding: 3px 8px;
    color: White;
    font-weight: bold;
    cursor: pointer;
}
.FormTable td
{
    vertical-align: top;
    text-align: right;
    padding: 3px;
}
.FormTable .LabelCol
{
    font-weight: bold;
}
.FormTable .ValidatorCol
{
    text-align: left;
}
.FormTable .TextBox
{
    width: 250px;   
}
#GalleryHeaderImage { display: block; margin-bottom: 10px; }
#ChessHeaderImage { display: block; margin-bottom: 19px; }

/********* Chess Quotes Styles ************/
.ChessQuoteText
{
    text-align: justify;
    font-style: italic; 
    font-family: 'Book Antiqua';
    font-size: 120%;    
}
.ChessQuoteAuthor
{
    text-align: left;
    color: Blue;
    font-size: 100%;
}

blockquote {margin: 0px 0px 0px 10px; display:block; border-left: solid 5px #010D98; padding:10px; background:#E7EEF1; font-style: italic}
blockquote cite {color:#000000 }
blockquote p {line-height:normal; margin:5px;}

.ChessDarkSquare { background-image: url('Images/DarkSquareBg.png'); }
.ChessWhiteSquare { border: solid 3px #fff; }
.ChessWhiteSquare:hover { border: solid 3px #E25C1A; }
.LinksChessTable td
{
    width: 60px;
    height: 60px;   
    vertical-align: middle;
    text-align: center;
}
.LinksChessTable img { width: 55px; }

.RandomGalleryImage { width: 300px; }

.FamilyGMsTable { border: solid 1px #DEE4EC; }
.FamilyGMsTable img { width: 125px; margin: 5px 5px 5px 5px; }

/************ Chess games-related ***********/
.Diagram { margin: 10px }
.Move { font-size: 105%; font-weight: bold;}
.Variation { background-color: #FFEBC4; }
td.DiagramColumn { text-align: center; }
td.SolutionColumn { text-align: justify; }
.Solution { visibility: hidden; }

/************ Albums *************/
.AlbumsTable { width: 100%; }
.AlbumsTable td { width: 33%; margin: 0px auto; vertical-align: top; text-align: center; padding-bottom: 10px; }
.OpenAlbumHeader { font-weight: bolder; font-size: 110%; }
.OpenAlbumTable { width: 100%; }
.OpenAlbumTable td { width: 25%; margin: 0px auto; vertical-align: top; text-align: center;}
.BorderedImage { display: block; border: solid 1px #CCCCCC; padding: 4px; margin-right: 10px; margin-bottom: 5px; }
.BorderedImage2 { display: block; border: solid 1px #CCCCCC; padding: 4px; }
.JustifiedContent { text-align:justify; }

.InternalLinksBox { width:170px; background:#F9F9F2; float:right; padding:5px; margin: 0px 0px 5px 10px; text-align: left; border: outset 2px #E25C1A; }
.InternalLinksBox .sidemenu { margin:0; padding:0; list-style:none; }
.InternalLinksBox .sidemenu li { display:block; height:25px;border-bottom:solid 1px #EDEEDB; border-top:solid 2px #FFFFFF}
.InternalLinksBox .sidemenu a { display:block; background:#FBFCF5; height:20px; padding:5px 10px 0 10px; color:#3D5872; text-decoration:none;}
.InternalLinksBox .sidemenu a:visited,active { display:block; background:#FBFCF5; height:20px; padding:5px 10px 0 10px; color:#3D5872; text-decoration:none;}
.InternalLinksBox .sidemenu a:hover { color: #E25C1A ; background-color: #E7EEF1; font-weight: bold; } /*background:#FFFFFF; color:#333333}*/
.InternalLinksBox h2 
{
    display:block; 
    background:#EAEBD3; 
    color:#3D5872; 
    font-family:Arial, Helvetica, sans-serif; 
    font-size:14px; 
    font-weight:normal; 
    padding:3px; 
    text-transform:uppercase; 
    font-weight: bold; 
    border-top: solid 1px #E25C1A; 
    border-bottom: solid 1px #E25C1A; 
}

.CombosTable td { vertical-align: top; }
.CombosList { float: left; color:#3D5872; }
.CombosList a:hover { color: #E25C1A ; background-color: #E7EEF1; }
.CombosListTable { border-style: outset; }
.CombosListTable td { width: 33%; text-align: center; font-size: 88%; }
.ComboChessImage { float: left; margin: 0px 10px 0px 50px; }

/************* Gallery: images and captions ***********/
.ShadowedFrame {
    float:left;
    background: url('Images/shadowAlpha.png') no-repeat bottom right !important;
    background: url('Images/shadow.gif') no-repeat bottom right;
    margin: 10px 0 0 10px !important;
    margin: 10px 0 0 5px;
}
.GalleryImage 
{ 
    display: block;
    position: relative;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    margin: -6px 6px 6px -6px;
    padding: 4px;
}
.ImageCaption { color: #DB4105; }


/* Shadowed Paragraph. From http://www.alistapart.com/articles/cssdropshadows
usage:
<div class="ShadowedParagraph">
  <div>
    <div>The rain in Spain ...</div>
  </div>
</div>
*/
div.ShadowedParagraph 
{
    width: 100%;
    float: left;
    background: url('Images/shadowAlpha.png') no-repeat bottom right !important;
    background: url('Images/shadow.gif') no-repeat bottom right;
    margin: 10px 0 0 10px !important;
    margin: 10px 0 0 5px;
}
div.ShadowedParagraph div {
  background: none !important;
  background: url('Images/shadow2.gif') no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
}
div.ShadowedParagraph div div {
  border: 1px solid #a9a9a9;
  padding: 4px 10px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
}

/*************** Links Page Styles **************/
.links_table
{
	width: 90%;
	margin: 24px;
}
/*.links_table th
{
	background: #3e83c9;
	color: #fff;
	font-weight: bold;
	padding: 2px 11px;
	text-align: left;
	border-right: 1px solid #fff;
	line-height: 1.2;
}*/
.links_table td 
{
	padding: 6px 11px;
	border-bottom: 1px solid #95bce2;
	vertical-align: top;
}
.links_table td * 
{
	padding: 6px 11px;
}
.links_table tr.alt td 
{
	background: #ecf6fc;
}
.links_table tr.over td, .links_table tr:hover td {
	background: #bcd4ec;
}
.BottomButtonBar { display: block; vertical-align: top; text-align: center; }

.PagePhotoHolder { float: left; }
.PagePhoto { display: block; width: 170px; padding: 4px; border: solid 1px #DEE4EC; float: left; margin: 5px}

.ThumbCaption { font-size: 90%; }
.ThumbDetails { font-size: 90%; }

#FavGamesTable { width: 100%; }
#FavGamesTable td { width: 25%; }
#FavGamesTable td img { display: block; width: 140px; padding: 4px; border: solid 1px #DEE4EC; margin: 5px }
/*Added By Rajesh Shaw */
#EditPhoto
{
	width: 100%; 
	position:relative;
	border: solid 1px #E7EDF1;
	margin:5px;
	padding:5px;
}
#shoppingCart
{
	padding-top:3px;
	font-weight:bold;
	text-decoration:none;
}

#shoppingCart A:link {text-decoration: none;color: #E25C1A !important;}
#shoppingCart A:visited {text-decoration: none;color: #E25C1A !important;}
#shoppingCart A:active {text-decoration: none;color: #E25C1A !important;}
#shoppingCart A:hover {text-decoration: underline; color: red;}

.popupMenu {
	position:absolute;
	visibility:hidden;
	background-color:#F5F7F8;
	/*opacity:.9;
	filter: alpha(opacity=90);*/
	border: solid 1px black;
	padding: 2px;
}

.popupHover {
	background-image:url(images/header-opened.png);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#F5F7F8;
}