/*  
    iyuda teal: 4A8797
    iyuda red: DF1934
*/

body
{
    font-family: "Verdana", "Trebuchet MS","Tahoma","Helvetica", "Arial",sans-serif !important;
    color: Gray;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: 0;
    line-height: 1.2em;
    font-size: .8em;
    vertical-align: top;
    background: transparent url(images/background.jpg) repeat-x fixed;
    /*background: transparent url(images/iyuda-bg-v2.gif) repeat fixed;*/
    border-width: 0;
    padding: 0 0 0 100px
    margin-left: auto;
    margin-right: auto;
    width: 1075px;
}

#PageWrapper
{
    border-top: solid 1px gray;
    border-right: outset 4px gray;
    border-bottom: outset 4px gray;
    border-left: solid 1px gray;
    width: 1050px;
    padding: 0px 0px 0px 0px;
    background-color: White;
}  

#MainPage
{
    width: 1035px;
    height: 100%;
    margin-left: auto;
    margin-right: auto; 
    padding-left: 15px;
    border: 0px 0px 0px 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center !important;
    background-color: White;
}  

#ContentBar
{
    width: 830px;
    padding-top: 10px;
    margin-left: auto;
    margin-right: auto;
}

.plAdSidebar
{
    border-left: solid 5px #CCCCCC;
    border-right: 0;
    border-bottom: 0;
    border-top: 0;
    margin: 0px auto;
}

.plAdSidebar2
{
    border: solid 1px #DDDDDD;
    border-left: solid 5px #CCCCCC;
    background-color: #EEEEEE;
}

.plLittleHeader 
{
    border-bottom: solid 1px gray; 
    /*border-left: solid 1px gray; 
    border-right: solid 1px gray; */
    border-top: solid 1px gray;
    background-color: #EEEEEE;
    text-align: center; 
    padding: 2px 0 0 0; 
    width: 830px; 
    height: 30px;
}

.masterAreaTabA 
{ 
    width: 125px; 
    height: 25px !important; 
    background-color: #DF1934 !important;
    color: White !important; 
    text-align: center; 
    margin: 0 3px 0 3px; 
}

.masterAreaTabIA 
{
    width: 125px; 
    height: 25px !important; 
    background-color: #BBBBBB; 
    color: White !important;
    border: solid 1px gray;
    text-align: center; 
    margin: 0 0 0 0; 
}
    
.masterAreaTabIAHov 
{
    width: 125px; 
    height: 25px !important; 
    background-color: White; 
    color: Black !important;
    text-align: center; 
    text-decoration: none !important; 
    margin: 0 0 0 0; 
}

#fbBody
{
    background-color: White !important;
}

/*================= Home Page =================*/
#hmWrapper
{
    width: 825px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 10px;
    padding: 0 0 0 0;
}

#hmHeader
{
    color: #4A8797;
    font-size: 24px;
}


.hmUsesBoxes
{
    height: 75px;
    margin: 0px 0px 7px 0px;
    padding: 0px auto;
    text-align: left;
    line-height: 22px;
}

.hmUsesBoxes img
{
    border: none;
}

.hmUsesBoxes a
{
    color: #DF1934 !important;
    /*height: 20px;*/
    margin-bottom: 5px;
    text-decoration: none;
}

.hmUsesBoxes span
{
    margin-top: 3px;
}

.UsesBoxesHL
{
    font-size: 20px;
}

#hmManualList
{
    font-size: .8em !important;
    width: 650px;
    text-decoration: none !important;
    border: solid 1px gray;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
}

#hmManualListHeader
{
    color: #4A8797;
    background-color: #DDDDDD;
    width: 100%;
    height: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 1.2em;
    margin-bottom: 10px;
}

#hmManualListHeader a
{
    color: #DF1934;
}

.RoundedTabHeader
{
    color: #4A8797;
    text-align: center;
    width: 100%;
    background-color: #4A8797;
}

/* NotePad BG */

/* need to change the png's below to gif's */

.notepad {
 /*width: 925px;*/
 width: 1175px;
 margin:0px auto;
 min-width:20em;
 padding: 20px 20px 20px 20px;
}

.notepad .hd .c,
.notepad .ft .c {
  font-size:1px; /*ensure minimum height */
  height:13px;
}

.notepad .ft .c {
 height:15px;
}

.notepad .hd {
 background:transparent url(tl.png) no-repeat 0px 0px;
 background-position: left bottom;
}

.notepad .hd .c {
    background:transparent url(tr.png) no-repeat 0px;
    background-position: right bottom;
    line-height:normal;
    vertical-align:bottom;
}

.notepad .bd {
 background:transparent url(ml.png) repeat-y 0px 0px;
}

.notepad .bd .c {
 background: transparent url(mr.png) repeat-y right 0px;
}

/*
.notepad .bd .c .s {
 margin: 0px 8px 0px 4px;
 background: white url(ms.jpg) repeat-x 0px 0px;
 padding:1em;
}
*/

.notepad .ft {
 background: transparent url(bl.png) no-repeat 0px 0px;
}

.notepad .ft .c {
 background:transparent url(br.png) no-repeat right 0px;
}


#wrapper
{
    margin: 0 auto;
    text-align:center;
}
   
td.CenterPanel
{
    vertical-align:middle;
}

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

table.Border
{
    border-color: Black;
    border-style: groove;
    border-width: 2px;
    background-color: White;
}


/*================== Master ===============*/

masterSide
{
    background-image: url('Images/iyuda_bg2.png' );
    background-repeat: no-repeat;
    }
    
.LeftBarNode
{
    width: 150px;
    text-align: left;
    margin-bottom: 10px;
    line-height: 14px;
    margin-left: 5px;
    color: #4A8797 !important;
    font-size: 1.2em !important;
}

.LeftBarNodeIndent
{
    margin-left: 10px;
    line-height: 18px;
    text-align: left;
    margin-top: 10px;
}

#mainMasterTableLeft
{
    width: 150px;
    vertical-align: top;
}     

#mainMasterTableRight
{
    width: 850px;
    vertical-align: top;
}     


#mainMasterTableLeft a
{
    color: #4A8797;
}

#tblLittleHeader
{
    width: 820px;
    height: 30px;
    padding: 0px 0px 0px 0px;
    border-top: solid 1px #CCCCCC;
    border-bottom: solid 1px #DDDDDD;
    margin-bottom: 10px;
    background-color: #FFFFFF;
    text-align: left;
}

#AdBar
{
    width: 225px;
    text-align:left;
    background-color: White;
}

#PopupMenu
{
}

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

.ClassScheduleTop
{
    width: 150px;
    text-align: left;
}

.SchedShelfTd
{
    vertical-align: top;
    text-align: center;
    padding: 2px 2px 2px 2px;
}

.GrayList
{
    font-size: .8em !important;
    text-decoration: none !important;
    /*border: solid 1px gray;*/
    margin-top: 5px;
    width: 300px;
}

.GrayListHeader
{
    color: #4A8797;
    background-color: #DDDDDD;
    width: 100%;
    height: 14px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: .9em;
    margin-bottom: 6px;
}

.GrayListHeader a
{
    color: #DF1934;
    font-size: .9em;
}

#bookShelfHolder
{
    width: 150px;
    overflow: auto;
    text-align: left;
    height: 62px;
    margin-right: 3px;
    margin-left: 3px;
}

.tabHolderTD { width: 130px; }
#tabFiller { width: 170px; }

.logregDiv 
{
    height: 20px; 
    width: 175px;
    margin-left: auto;
    margin-right: auto;
    padding: 4px 0 0 0;
    line-height: 1.1em;
    background-image: url('http://www.iyuda.com/App_Themes/Blue/Images/tab-bg.gif');
    background-repeat: no-repeat; 
    font-size: .9em; 
    text-align: center; 
    color: black; 
}

#BigHeaderTbl 
{
    width: 100%;
    height: 125px; 
    /*background-color: #CCCCCC; 
    border-top: solid 1px gray; 
    border-left: solid 1px gray; 
    border-right: solid 1px gray; 
    border-bottom: solid 1px gray; */
    margin-bottom: 0px;
}



#Header
{
    background-color: #FFFFFF;
}
 

.manualCovers {border-left: solid 1px gray; border-top: solid 1px gray; border-right: ridge 2px gray; border-bottom: ridge 2px gray;}
/* Links */
a
{
    color:Gray;
    text-decoration:none;
}

a:active
{
    color:Gray;
    text-decoration:none;
}

a:hover
{
    color: Gray;
    text-decoration: underline;
}

a:link
{
    color:Gray;
}

a:visited
{
    color:Gray;
}

/*==================== Rating ========================*/
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-color: White;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(images/filledstar.png);
    background-color: White;
}

.emptyRatingStar {
    background-image: url(images/emptystar.png);
    background-color: White;
}

.savedRatingStar {
    background-image: url(images/savedstar.png);
    background-color: White;
}

.ratingStar2 {
    font-size: 0pt;
    width: 20px;
    height: 18px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-color: White;
    background-repeat: no-repeat;
}

.filledRatingStar2 {
    background-image: url(images/star-filled.png);
    background-color: White;
}

.emptyRatingStar2 {
    background-image: url(images/star-empty.png);
    background-color: White;
}

.savedRatingStar2 {
    background-image: url(images/star-saved.png);
    background-color: White;
}

/*Hover Menu*/
.popupMenu {
	position:absolute;
	visibility:hidden;
	background-color:#F5F7F8;
	/*opacity:.9;
	filter: alpha(opacity=90);*/
}

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

/* Password Strength */
.TextIndicator_TextBox1
{
     color:#DF1934;
     font-size: 1em;
     font-style:italic;  
     padding: 2px 3px 2px 3px;   
}


/* Accordion */

.tourHeader
{
    text-align:left;
    background-color: #046380;
    border-color:Black;
    border-width: thin;
    border-style: solid;
    height: 25px;
    vertical-align:middle;
    font-size: larger;
}

.tourContent
{
    background-color: White;
    border-color: Black;
    border-style: groove;
    border-width: 2px;
}

.accLink
{
    color: #DCF8F7;
}

/*Modal Popup*/

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	z-index: 999!important;
}

.modalPopup {
	background-color: White;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
	z-index: 1000!important;
}

.modalPopupLogin 
{
    background-color: White; 
	border-width:3px;
	border-style:solid;
	border-color:Gray;
    width: 275px;
    text-align: left;
}

.modalGeneric 
{
    background-color: White;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	text-align: center;
}

/* Watermark */

.watermarkText 
{
    font-size: .8em;
    color: #4A8797;
    font-style: italic;
}

/* Button Style */

.buttnStyle
{
    background-image: url('images/button-1.png');
    background-repeat: repeat-x;
}

/*AutoComplete flyout */

.autoComplete 
{  
    font-family: Georgia;
    color: Gray;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: 0;
    font-size: .9em;
}

table.Forums
{
    padding: 5px;
    width: 650px;
    border-collapse: collapse;
    border-spacing: 0px;
    margin: 0px;
}
tr.Name
{
    text-align: left;
}
td.Forums
{
    text-align: left;
    background-color: #EEEEEE;
    vertical-align: top;
}
.ForumName
{
    font-size: 1.2em;
    font-weight: bold;
}
td.ForumContent
{
    text-align: center;
    border: 1px solid white;
    background-color: #EEEEEE;
    vertical-align: middle;
}
td.ForumHeader
{
    border: 1px solid white;
    background-color: #4A8797;
    font-size: 1.1em;
    font-weight: normal;
    color: #000000;
}

/* Manual Request Table */
td.DetailsViewLeft
{
    text-align: left;
    vertical-align: top;
    width: 40%;
}

td.DetailsViewRight
{
    text-align: left;
    vertical-align: top;
    width: 60%;
}

/* Rounded Buttons Style */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

/* Spott */
table.spottt_tb, 
table.spottt_tb tr, 
table.spottt_tb td, 
table.spottt_tb a, 
table.spottt_tb tr a img { 
    margin:0; 
    padding:0; 
    border:none; 
    background:none; 
    position:static; 
    text-decoration:none; 
    display:block; 
    width:125px; 
    vertical-align:top;
} 

.spottt_thumb, 
.spottt_thumb img, 
.spottt_thumb a, 
.spottt_thumb td { 
    height:125px; 
} 

.spottt_label, 
.spottt_label img, 
.spottt_label a, 
.spottt_label td { 
    height:21px;
}

/* Default Home Page */
#liSpace li 
{
    padding-top: 8px;
    text-align: justify
}

#divGrayBlurb div
{
    width: 90%; 
    background-color: #eeeeee; 
    border-right: gray thin solid; 
    padding: 10px 10px 10px 10px;
    border-top: gray thin solid; 
    margin: 0px; 
    border-left: gray thin solid; 
    border-bottom: gray thin solid;
    text-align: justify;
}

/********************** Viewer *******************/

#viewerSubscribeHeader 
{
    background-color: #4A8797;
    color: White;
    border: solid 1px gray;
    padding: 2px 2px 2px 2px;
    height: 20px;
    text-align: left;
    margin-bottom: 10px;
}

#viewerSubscribeBody 
{
    background-color: White;
    height: auto;
    text-align: center;
}

#viewerPopOutBox
{
    width: 176px; 
    padding: 2px 2px 2px 2px;
    margin-left: 98px;
    position: relative;
    BORDER-LEFT: gray 1px solid; 
    BORDER-RIGHT: gray 1px solid;
    BORDER-BOTTOM: gray 1px solid; 
    vertical-align: middle; 
    height: 30px;
    text-align: center;
    font-weight: bolder;
}

#viewerMainImage
{
    border-color: Gray; 
    border-style: solid; 
    border-width: 1px; 
    padding-top: 0px;
    text-align: center;
}

/******************** Requests *********************/
#filterBox
{
    border: solid 2px gray;
    width: 510px;
    padding: 5px 5px 5px 5px;
    margin-top: 10px 0px 0px 0px;
    background-color: #F9F7ED;
}

#requestLeftDiv
{
    width: 330px;
}

#requestRightDiv
{
    width: 330px;
    text-align: center;
    font-family: Georgia !important;
}

#tblFilter 
{
    height: 20px; 
    text-align: center; 
    width: 500px; 
    padding: 0px auto; 
    margin: 0px auto;
}
    
#tblFilter td
{
    vertical-align: middle;
    text-align: left;
}   

/* Generic */
.opaque
{
    opacity: .7; 
    filter: alpha(opacity=70);
}

/**************** Pop Up Update Pages **************/
body.NoMaster
{
    background: white;
    width: 500px;
}

/***************** Tagging *****************/
span.tag1
{
    font-size: medium;
}

span.tag2
{
    font-size: large;
    font-weight: bold;
}

span.tag3
{
    font-weight:lighter;
    font-size: smaller;
}

/*================ Validator ===============*/
.Error 
{
    background-color: #f8897d;
    color: Black;
    border: outset 2px black;
    padding: 1px 1px 1px 1px;
    margin: 0px auto;
    font-size: 10pt;
    border-collapse: collapse;
}

/*================== My Stuff ==================*/
.ftvMine
{

}

.msImgThumb
{
    border: solid 1px gray;
}

.msImgCover
{
    border-left: solid 1px gray !important;
    border-top: solid 1px gray !important;
    border-right: ridge 2px gray !important;
    border-bottom: ridge 2px gray !important;
}

#mySubmittedStuff td
{
    vertical-align: top;
}

.tvBookHdr
{
    color: #4A8797;
    font-size: 1.2em;
    text-align: left;
}

.viewSubLink, .viewSubLink a, .viewSubLink a:link, .viewSubLink a:visited
{
    color: #DDDDDD;
    font-size: 8pt;
    text-decoration: none;
}
.viewSubLink a:hover { text-decoration: underline; }

.notification
{
    color: Red;
}

#avatarWrap { border: solid 1px gray; width: 127px; background-color: #DDDDDD}
#avatarWrapBottom { padding: 3px 0 3px 0;}
.MStblHeader {width: 600px; height: 30px; border-bottom: solid 3px #4a8797;}
.MSinfoHeader { background-color: #DDDDDD; width: 594px; color: #4a8797; padding: 3px 3px 3px 3px; text-align: left; margin-bottom: 7px; font-size: .9em; }

/*================== Register ==================*/
#mainRegistrationTbl
{
    width: 550px;
    font-size: 1.1em;
    text-align: left;
}

#mainRegistrationTbl td 
{
    vertical-align: top; 
    padding-bottom: 10px; 
    width: 50%;
    white-space: normal;
    }
    
#registerHeaderDiv
{
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
}

#registerNotification
{
    width: 100%;
    color: #df1934; 
    text-align: center;
}

.registerMiniInfoDiv
{
    padding-top: 6px;
}

/*================== Uploader ==================*/
.DocReady { width: 350px; height: 75px; padding: 5px 5px 5px 5px; line-height: 25px; border: solid 1px gray; text-align: left; background-color: #DDDDDD;}
.DocStart { width: 350px; height: 75px; padding: 5px 5px 5px 5px; border: solid 1px gray; text-align: left;}
.uploaderDiv {margin-top: 10px; }
.wtmk { font-style: italic; color: #CCCCCC;  }

#upClassInfo { vertical-align: top; text-align: left; border: solid 1px gray; padding: 5px 5px 5px 5px; font-size: 1.1em; width: 250px;}
.UploaderMasterTable { width: 600px; height: 225px; background-color: White; border: solid 1px gray; }
#upHeader { margin-bottom: 15px; font-size: 1.3em; }