/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
/* Main Layout Stuff */
.body
{
    background-color: #FFF;
    
}
div.navLink
{
    font-weight:bold;
    font-size: 10pt; 
    padding: 3px 10px 3px 32px; 
    text-decoration:none;
    line-height:2;
   
}
a.navLinkInDiv
{
   text-decoration:none; 
}
a.navLinkInDiv:link
{
    text-decoration:none; 
}
a.navLinkInDiv:Hover
{ 
    text-decoration:none;   
}
a.navLinkInDiv:Visited
{
    text-decoration:none;   
}


a.navLink
{
    font-weight:bold;
    font-size: 10pt; 
    padding: 3px 10px 3px 32px; 
    text-decoration:none;
    line-height:2;
}
a.navLink:link
{
   font-weight:bold;
    font-size: 10pt; 
    padding: 3px 10px 3px 32px; 
    text-decoration:none; 
    line-height:2;
}
a.navLink:Hover
{
    font-weight:bold;
    font-size: 10pt; 
    padding: 3px 10px 3px 32px; 
    text-decoration:none;   
    line-height:2;
}
a.navLink:Visited
{
     font-weight:bold;
    font-size: 10pt; 
    padding: 3px 10px 3px 32px; 
    text-decoration:none;   
    line-height:2;
}



.MainTable
{
    width:1042px;
    padding:0px;
    margin-top:2px;
    margin-left:auto;
    margin-right:auto;
    vertical-align:top;
    
}

/*
.MainTitleBar
{
     color:#3333cc;
    font-size:25px;
    line-height:1em;
    padding:0px;
    margin:0px;
    background-image:url('../Images/Header-BETA.jpg'); 
    background-repeat:no-repeat; 
    background-position:bottom left;
}
*/

.MainMenuPanel
{
    width:190px; 
    vertical-align:top;
    background-image:url('../Images/bg-left-nav.gif');
    background-repeat:repeat-y;
    background-position:left;
    /*height:100%;*/
    
}


.BottomNav
{
    background-image:url('../Images/bg-left-nav.gif');
    background-repeat:repeat-y;
    background-position: left ;
    vertical-align:bottom;

}


.BottomNavImg
{
    border:0px;
    margin:0px;
    padding:0px;   
}
.TopNav
{
  background-image:url('../Images/left-nav-top.gif'); 
  background-repeat:no-repeat; 
  background-position:top left +1px; 
  height:59px;
  /*width:190px;*/
  
}
.menuImage
{
 border:0px;   
 padding:0px;
 margin:0px;
}

.MainContentFooter
{
    background-image:url('../Images/bg-bottom-margin-main2.gif');  
    background-position:top;
    background-repeat:no-repeat; 
}


.PageTitle
{
    padding:0px 0px 0px 0px;
    margin:0px  0px 0px 0px;
    height:60px; 
    vertical-align:bottom;
    background-image:url('../Images/t-blank.jpg');
    
}
.TitleText
{
    padding:0px 0px 10px 40px;
    font-size:12pt;
       
    
}
.MainContent
{
    border:solid 1px #7E829B; 
    vertical-align:top;
    height:65%;
    
}

.MainContentInnerTable
{
    padding:-2px 0px 0px -2px;
    margin: -2px 0px 0px -2px;
    
    
}
.MainContentHolder
{
    padding:2px 10px 2px 30px;
    
}

.ContentMain
{   height:100%; 
    width:100%;
    padding:0px 0px 0px 0px;
    
}


.MainFooter
{
    text-align:right;
    background-image:url('../Images/Footer2.gif'); 
    background-repeat:no-repeat; 
    background-position: top; 
}


.FullWidth
{
    width:100%;   
}
.FullHeight
{
    height:100%;   
}

.TopAlign
{
    vertical-align:top;
   
}


.BottomOfNav
{
    display:block;
    position:relative;
    bottom:5px;   
    padding: 3px 3px 3px 3px;
    width:180px;
    left:10px;
}
/*Home Page */
.HomeRightPanel
{
    vertical-align:top;
    width:180px;
   /* border:solid 1px #AACCFC; */
    padding:3px 10px 3px 10px;
}
.HomeLeftPanel
{
    padding:3px 40px 3px 3px;
    vertical-align:top;
   /*nothing here yet */ 
}

.HomePageTitle
{
    color:#545972;
    font-size:larger;
    font-weight:bold;
}

.LanguagePicker
{
    position:relative;
    top: 25px;
    right:5px;
    float:right;
    color:#545972;
    font-size:10pt;
    
    
}

/*Translante Resource */
.TranslateResourceTable
{
   
    background-color:#CCCCCC;
}

.TranslateResouceTd
{
    background-color:#FFFFFF;
}

/*Create Resource */

.CreateResourceTable
{
    padding:3px 3px 3px 3px;   
}
.CreateResourceTable td
{
     padding:3px 3px 3px 3px;   
}
.editProfileTd
{
    padding:15px 5px 5px 5px ;
    margin:3px;   
}

.menuImage
{
}

/*View Resource*/
.ViewPrimaryImage
{
    float:right; 
    padding: 3px 3px 3px 10px;  
}


/*Edit Compilation */

.Handle
{
    font-size:larger;
    font-weight:bold;   
    cursor:move;
}
.ResourceHandle
{
    font-size:larger;
    font-weight:bold;   
    cursor:move;
}
.ChaptersUL
{
    list-style-type:none;   
}
.ChapterResourcesUL
{
    list-style-type:none; 
}


.HiddenChapter
{
    display:none;
}
.VisibleChapter
{
    display:block;   
}

/*Chapters */
.Expand
{
    font-weight:bold;
    font-size:x-large;
    color:#e15324;
    cursor: pointer;
}
.Hide
{
    font-weight:bold;
    font-size:x-large;
    color:#e15324;
    cursor: pointer;
}


/*These are Dummy Classes to identify things for JQuery */
.DeleteChapter
{
}
.UpdateChapter
{
}

.AddResourceButton
{
}

/*Main */
.ExpandMain
{
    font-weight:bold;
    font-size:x-large;
    color:#e15324;
    cursor: pointer;
}
.HideMain
{
    font-weight:bold;
    font-size:x-large;
    color:#e15324;
    cursor: pointer;
}

/*ChapterDetail */
.ExpandChapterDetail
{
    font-weight:bold;
    font-size:x-large;
    color:#e15324;
    cursor: pointer;
}
.HideChapterDetail
{
    font-weight:bold;
    font-size:x-large;
    color:#e15324;
    cursor: pointer;
}

/*ChapterResources*/
.ExpandChapterResources
{
    font-weight:bold;
    font-size:x-large;
    color:#e15324;
    cursor: pointer;
}
.HideChapterResources
{
    font-weight:bold;
    font-size:x-large;
    color:#e15324;
    cursor: pointer;
}


.Title
{
    background-color:#e6f0fa;
    font-weight:bold;
    font-size:larger;
    color:#2a4790;
    border: solid 1px #2a4790 ;
    
    
}

.Container
{
    border-style:solid;
    border-color: #23337c;
    border-width:1px;  
   
}
.Padded
{
    padding: 5px 5px 5px 5px;
}

.BlueButton
{
    background-image:url("../Images/b-submit.jpg");
    width:64px;
    height:26px;
    border:0px;
}


.TDWithPadding
{
    padding:3px 10px 3px 10px;
    margin : 3px 10px 3px 10px;
   
}

html,body{
  margin:0;
  padding:0;
  height:100%;
  border:none;
  font-family:Arial;
  font-size:10pt;
  color:#545972;
}

.FakeLinkForDelete
{
    color:#5171b9;
    font-size:10pt;
    text-decoration:underline;
    cursor:pointer;
}

.FakeLinkForSort
{
    color:#5171b9;
    font-size:10pt;
    text-decoration:underline;
    cursor:pointer;
}

a:link
{
   
    color: #5171b9;
    text-decoration: underline;
}
a:visited
{
    
    color: #174a7e;
    text-decoration:underline;
}
a:hover
{
    
    color:#82a1e8;
    text-decoration: underline;
}
a:active
{
    
    color: #82a1e8;
    text-decoration:none;
}

.MenuUL
{
     padding:0px 0px 5px 0px;
     margin: 0px 0px 0x 0px;
     font-size:0.9em;
     line-height:1.5em;
}

.TranslateTd
{
    border-top:0px;
    border-bottom:0px;
    
}


/*Text Styles */
.PageHeading
{
    color:#23337c;
    font-weight:bold;
    font-size:12pt;
    line-height:2;
}

.SubHeading
{
    color:#34447c;
    font-weight:bold;
    font-size:10pt;
    background-color:#FFFFFF;
    
}

.Highlight
{
    color:#545972;
    font-size:10pt;  
}
.AlternateHighlight
{
    color:#23598f;
    font-size:10pt;
}


.ClickForImage
{
    cursor:pointer;
}

.ClickableChapterLI
{
    color:#23598f;
    font-size:10pt;  
}
.ClickableResourceLI
{
    color:#545972;
    font-size:10pt;
}


.Instructions
{
    background-color:#f5f9fd;
    color:#3d70a1;  
    border-bottom: solid 1px 23337c;
    /*font-size:larger;*/
    font-weight:bold;
    line-height: 2;
}

.SearchNotificaiton
{
    position:absolute;
    top:15px;
    right:35px;
    
   
}

.Middle
{
    vertical-align:middle;
}
.Bottom
{
    vertical-align:bottom;  
}

.Top
{
    vertical-align:top;
}

.HideMe
{
    display:none;
}
.InvisibleMe
{
    visibility:hidden;
}
.SeeMe
{
    visibility:visible;
}
.ShowMe
{
    display:block;   
}

.BoldText
{
    font-weight:bold;
}

.NoBullet
{
    list-style-type: none;
}

.TwoWideListContainer
{
    width:700px; 
    float:left;
}
.TwoWideListItem
{
    display:inline; 
    width:300px; 
    float:left;
}


.RequiredField
{
    font-weight:bold;  
    color:#23598f;
    font-size:10pt;
}

.ErrorMessage
{
    color:Red;
    border:solid 1px red;
    font-weight:bold;   
}

input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}


/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

/*
#menucontainer
{
    margin-top:40px;
}
*/


.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}



/*Message Classes */
.green
{
    color:Green;
    border: double 5px green;
    background-color:  #DDF8E0; 
    padding:3px;
    font-weight:bold;
    font-size:10pt;
}

.red
{
    color:Red;
    border:double 5px red;
    background-color:  #F4CBCB;
    padding:3px;
    font-weight:bold;
    font-size:10pt;
    
}
.InfoMessage
{
   color:#23598f;
    border:double 5px #23598f;
    background-color:  #AEC9E4;
    padding:3px;
    font-weight:bold; 
    font-size:10pt;
    
}


.AlternateRow
{
    background-color:#E0EFFF;
}
.PlainRow
{
    background-color:#FFFFFF;
}
.HighLightRow
{
    background-color:#BADCFF;
}