body {
	margin:0px 0px; /* adjust 1st value to move down page */ padding:0px;
	text-align:center;
        background-color: #B0C4DE;  /* #ADD8E6; #B0C4DE;  #cfdfc5;  #6699FF could sub #6495ED */

         font-family: sans-serif;
}


.divGeneral {
	width:725px;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 25px;
	background-position: center;
        text-align:left;
}
.divOuter2 {
	width:900px;
	font-family: Arial, Helvetica, sans-serif;
	background-position: center;
	margin-left:50px;
	
}
.divOuter {
		position:absolute; 
		width:900px; 
		left:50%; 
		/*top:20px; */
		margin-left:-450px;
}

.optionOdd {
    background-color:#FFF8DC;
}
.optionEven {
    background-color:#F5DEB3;
}

.divNothing {
    float:left;
}

/* Start Login Box */
#loginbox {
   float:right;
    width:42%;

}
#loggedInbox {
   float:right;

}
 .sizeItSmall {
     font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: none;
	font-style: normal;
	font-weight: bold;
	color: #00008B; /*#CCCCCC;*/
                    		background-color:#D7E3F6;
		border-width:1px;
		border-style:solid;
		border-color:#A2BFE9;
}

/* End Login Box */

h2 {
	font-family: Arial, Helvetica, sans-serif;
}
.spaceHolder {
	padding-top: 20px;
}
.right {
	float: right;

}
.left {
	float: left;
}
.leftText {
    text-align:left;
}
.centerText {
    text-align:center;
}

.border {
    border:1px dashed #333;
}
.playerFormat1 {
    width: 235px;
    white-space:nowrap;
    text-align:right;
}

.w200px {
    width: 200px;
}
.w725px {
    width: 725px;
}

.w550 {
	width: 600px;
}

.w30px {
    width: 30px;
}

.w33px {
    width: 33px;
}

.w15px {
    width: 15px;
}
.w20px {
    width: 20px;
}

.w300px {
    width:300px;
}
.w50 {
	width: 50%;
}

.hght35{
    height:120px;
}
.hght18px{
    height:18px;
}

.txtSizeSmall {
   font-size:10px;
}

.whitebackground{
    background-color:white;
}

.centerText {
    	margin:0px 0px; /* adjust 1st value to move down page */ padding:0px;
	text-align:center;
}

.indent450 {
	margin-left: 450px;
}

.indent300 {
	margin-left: 300px;
}

.indent200 {
	margin-left: 200px;
}

.indent150 {
	margin-left: 100px;
}
.indent100 {
	margin-left: 100px;
}

.indent50 {
	margin-left: 50px;
}

.w400px {
	width: 400px;
}

.yellowBack {
    background-color:yellow;
}

.orangeBack {
    background-color:orange;
}

.backColorMain {
	background-color:#FFFFFF;
}
#BoxApps{
    width:50%;
    height: 200px;
    top: 30%;
    text-align:center;
    margin-left:auto;
    margin-right:auto;

    border: groove;
    float:none;
    background-color: #ecf1ea;/* #ecf1ea;*/
}
.BoxApps2 {
    width:50%;
    margin:0 auto 0 auto;
    text-align:center;
    padding-bottom: 25px;
    display:block;

}

#Content {
	width:750px;
	margin:0px auto;
	text-align:left;
        padding-left: 15px;
        padding-right: 15px;
	border:1px dashed #333;
	background-color:#eee;
}

#ContentBody {
        /*height: 700px;*/
        text-align:center;
        padding:15px;
        background-color:white;
}
.logoDisplay{
        float:left;
}
.logoDisplayDim {
    height:85px;
}
.titleDisplayDim {
    height:90px;
    width:500px;
}

#ContentHeader {
        height: 175px;
        text-align:left;
        background-image:none;
        /*background-image: url(../../../images/scrabbletoolsNoBack.png);*/
        /*background-position:right;*/ /*5% 50%;*/
        /*background-repeat:no-repeat;*/
	background-color:#eee;
}

#ContentHeaderBottomMenu {
  float:left;
  /*padding-top: 72px;*/
}



#ContentBody {
        height: 4000px;
}

.tablewidth {

}
#topBarHolder{
    width:100%;
    float:left;/*
    clear:both;*/
    background-color:#D7E3F6;
    border-width:1px;
    border-style:solid;
    border-color:#A2BFE9;

}
#middleBarHolder{

  /* float:left;*/
}



/* Calendar CSS  */
    /* Clear calendar's float, using dialog inbuilt form element */
    #container .bd form {
        clear:left;
    }

    /* Have calendar squeeze upto bd bounding box */
    #container .bd {
        padding:0;
    }

    #container .hd {
        text-align:left;
    }

    /* Center buttons in the footer */
    #container .ft .button-group {
        text-align:center;
    }

    /* Prevent border-collapse:collapse from bleeding through in IE6, IE7 */
    #container_c.yui-overlay-hidden table {
        display:none;
    }

    /* Remove calendar's border and set padding in ems instead of px, so we can specify an width in ems for the container */
    #cal {
        border:none;
        padding:1em;
    }

    /* Datefield look/feel */
    .datefield {
        position:relative;
        /*top:10px;
        left:10px;*/
        white-space:nowrap;
        border:1px solid black;
        background-color:#eee;
        /*width:25em;*/
        padding:5px;
        text-align:left;
        
    }

    .datefield input,
    .datefield button,
    .datefield label  {
        vertical-align:middle;
    }

    .datefield label  {
        font-weight:bold;
    }

    /*.datefield input  {
        width:10em;
    }*/

    .datefield button  {
        padding:0 5px 0 5px;
        margin-left:2px;
    }

    .datefield button img {
        padding:0;
        margin:0;
        vertical-align:middle;
    }

    /* Example box */
    .box {
        position:relative;
       /* height:30em;*/
    }

 /* End Calendar CSS */

/* begin css tabs */
/* CSS Tabs is licensed under Creative Commons Attribution 3.0 - http://creativecommons.org/licenses/by/3.0/
   Originally authored by Joshua Kaufman, Modified as per license agreement by Howard Lang */

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #369; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

div#tab0 li.tab0, div#tab1 li.tab1, div#tab2 li.tab2, div#tab3 li.tab3, div#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

div#tab0 li.tab0 a, div#tab1 li.tab1 a, div#tab2 li.tab2 a, div#tab3 li.tab3 a, div#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
    padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
    border: 1px solid #369; /* set border COLOR as desired; usually matches border color specified in #tabnav */
    background-color: #D8E4F8; /* set unselected tab background color as desired */
    color: #666; /* set unselected tab link color as desired */
    margin-right: 0px; /* set additional spacing between tabs as desired */
    text-decoration: none;
    border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}

/* end css tabs */