/* CSS Document */
/*MAIN LAYOUT CSS*/
html {margin:0px;padding:0}
body{margin:5px;padding:0;font: 12px "Calibri", "trebuchet MS", sans-serif}
p{margin:0 10px 10px}
a{}
div#header{position:relative; height:100%;}
div#header h1{ }
div#header a{position:absolute;right:0;top:23px}
div#content p{line-height:1}
div#navigation{ }
div#extra{ height:100%;}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}
div#footer a{display:inline;padding:0;color: #C6D5FD}

div#wrapper{float:right;width:100%;margin-left:-200px; }
div#content{margin-left:200px}
div#navigation{float:left;width:200px}
div#extra{float:left;clear:left;width:200px; margin-top:5px;}
div#footer{clear:both;width:100%}


div#rc_nav { background:#ebf5d5; margin-top:5px; }

#rc_h { height:110px; background:#3d7898 url(headerAssets/headerLogo.jpg) right 4px no-repeat; }
#rc_hSpacer { padding:5px; }

#contentWrapper { margin:5px 5px 5px 5px; }

#BreadC { margin-bottom:5px;  }
#BreadC .BreadSpacer { background:#e8dcb1; padding:0px 5px; }
#BreadC a { color: #663300; font-size:12px; text-decoration:none; }
#BreadC a:hover { color: #b0661d; text-decoration:underline }

.MainContent_Spacer { padding:1px 5px; background:#fbf9f0; }

#extraWrapper { padding: 0px 0px 5px 0px;  }

/*PopUp Controls*/
.modalBackground {z-index: 1; position:absolute;    top:0;    left:0;    -moz-opacity: 0.5;    opacity:.50;    filter: alpha(opacity=50);    background-color:#CCC;}
.modalPopup {background-color:#FFFFDD;border:3px solid Gray;padding:3px;width:250px;}
.PopUpDragControl { background: #336699; color:#FFFFFF; padding:4px; cursor: move;  }
.c_popUp { padding:5px; background:#FFFFFF; border:1px solid #336699 }

/**/

/*FORMS*/

input,textarea, select { font-family:Calibri; font-size:12px; }
.FormCbx { padding:2px; *padding:2px;  border:1px solid #B5B8C8; }
.FormText { padding:3px; *padding:2px;  border:1px solid #B5B8C8;vertical-align:middle; background:#FFFFFF url(assets/text-bg.gif) repeat-x scroll; }

.AlertMessage { color: red;}


.ActivityWelcome {  height:120px; }

.ActivityWelcome a {  color:#B87645; font-size:16px; text-decoration:none; float:left; width:100px; height:100px; display:block; margin-left:10px;margin-top:10px; background:#F4EED0; border: 1px solid #DBC55B; text-align:center; }

.ActivityWelcome a:hover { background:#F7F2DF; }

.ActivityWelcome a span { line-height:100px; text-align:center }

.ThumbCtr { color:#B87645; font-size:16px; text-decoration:none; float:right; width:80px; height:100px; margin:5px 5px 5px 0px; background:#F4EED0; border: 1px solid #DBC55B; text-align:center; }                                                                                                                                                                                                   
.ThumbCtrReading { color:#B87645; font-size:16px; text-decoration:none; float:right; width:80px; height:80px; margin:5px 5px 5px 0px; background:#F4EED0; /*border: 1px solid #DBC55B;*/ text-align:center; }

.PanelHover { position:relative; background:#D8DBA6 ; padding:5px; }
.PanelHoverRow .flechita { position: absolute; top:-7px; left: 1px; width:10px; height:7px; background:url(list/flechita.gif?x) no-repeat;  }
.PanelHover .flechita { position: absolute; top:-7px; width:10px; height:7px; background:url(list/flechita.gif?x) no-repeat;  }
.PanelHoverRow { position:relative;background:#D8DBA6; padding:5px; padding-right:0px }

.ToolbarPanel { margin-bottom:5px; }

.ToolbarPanel h1 { font-size:14px; font-weight:bold; color:#336666; }

.ToolbarPanel .spacer { padding:0px 5px 0px 5px; background:#d8dba6; }
.ToolbarPanel b { }

.AssetGroupPanel { background:#f6f3e5; border:1px solid #DBC55B; border-top:1px solid #efe8c9; border-left:1px solid #efe8c9; margin: 2px 0px }
.AssetGroupPanel .PopMenuHolder { float:left; margin:5px; width:16px; height:16px; background:url(list/list-items.gif); cursor:pointer; }


.ToolbarButton { float:right; margin-left:5px; }

a.LinkCommand { padding:3px; text-decoration:none; color:#333333; background:#E9F0CA; display:block;}
a.LinkCommand span { margin-left:18px;  }

a.LinkCommand.Delete { background:#f3f3cd url(list/delete.gif) 2px 2px no-repeat; }
a.LinkCommand.Delete.Dark{ background-color: #d8dba6;  }
a.LinkCommand.Delete:hover { background-color:#fdfdde; }

a.LinkCommand.Activity { background:#f3f3cd url(list/list-items.gif)  2px 2px no-repeat; }
a.LinkCommand.Activity:hover { background-color:#fdfdde; }

a.LinkCommand.DoEdit{ background: #f3f3cd  url(list/edit.gif) 2px 2px no-repeat;  }
a.LinkCommand.DoEdit.Dark{ background-color: #d8dba6;  }
a.LinkCommand.DoEdit:hover { background-color:#fdfdde ; }

a.LinkCommand.Save{ background: #f3f3cd  url(list/filesave.png) 2px 2px no-repeat;  }
a.LinkCommand.Save.Dark{ background-color: #d8dba6;  }
a.LinkCommand.Save:hover { background-color:#fdfdde ; }


a.LinkCommand.Add{ background:#f3f3cd url(list/add.gif) 2px 2px no-repeat;  }
a.LinkCommand.Add.Dark{ background-color: #d8dba6;  }
a.LinkCommand.Add:hover { background-color:#fdfdde; }

a.LinkCommand.Pick{ background:#f3f3cd url(list/button_ok.png) 2px 2px no-repeat;  }
a.LinkCommand.Pick.Dark{ background-color: #d8dba6;  }
a.LinkCommand.Pick:hover { background-color:#fdfdde; }

a.LinkCommand.Cancel{ background:#f3f3cd url(list/delete2.gif)  2px 2px no-repeat;  }
a.LinkCommand.Cancel:hover { background-color:#fdfdde; }

a.LinkCommand.Search{ background: #f3f3cd  url(list/viewmag.png) 2px 2px no-repeat;  }
a.LinkCommand.Search.Dark{ background-color: #d8dba6;  }
a.LinkCommand.Search:hover { background-color:#fdfdde ; }

a.LinkCommand.Clear{ background: #f3f3cd  url(list/cell_edit.png) 2px 2px no-repeat;  }
a.LinkCommand.Clear.Dark{ background-color: #d8dba6;  }
a.LinkCommand.Clear:hover { background-color:#fdfdde ; }

a.LinkCommand.Browse{ background: #f3f3cd  url(list/folder_sent_mail.png) 2px 2px no-repeat;  }
a.LinkCommand.Browse.Dark{ background-color: #d8dba6;  }
a.LinkCommand.Browse:hover { background-color:#fdfdde ; }


a.LinkCommand.ArrowDown{ background: #f3f3cd  url(list/arrow_down.png) 2px 2px no-repeat;  }
a.LinkCommand.ArrowDown.Dark{ background-color: #d8dba6;  }
a.LinkCommand.ArrowDown:hover { background-color:#fdfdde ; }

a.LinkCommand.ArrowUp{ background: #f3f3cd  url(list/arrow_up.png) 2px 2px no-repeat;  }
a.LinkCommand.ArrowUp.Dark{ background-color: #d8dba6;  }
a.LinkCommand.ArrowUp:hover { background-color:#fdfdde ; }

a.LinkCommand.Browse.Dark.FUp { float:left;width:60px; }

a.LinkCommand.Close{ background: #f3f3cd  url(list/delete3.gif) 2px 2px no-repeat;  }
a.LinkCommand.Close.Dark{ background-color: #d8dba6;  }
a.LinkCommand.Close:hover { background-color:#fdfdde ; }


div.ProgressPanel { background:url(list/loading.gif) 2px 2px no-repeat; padding:5px; }

div.ProgressPanel span{ margin-left:18px; }

.ReportTable tr { height: 20px; vertical-align:middle;}
.ReportTableBorders { border: solid 1px #3D7898 }
.AlternateItemStyle { background-color:#EEF4F9; }
.ReportHeaderStyle { background-color:#3D7898; color:White; text-align:center; font-weight:bold;}
.ReportSpacer { width:20px; }
.DataHeaderStyle { background-color:#CDE0EB; }
.PercentageHeader { width:80px; text-align:right; }
.TimesHeader { width:50px; text-align:center; }
/*.ReportTable a, .ReportTable a:visited {color:#0c6fae; }
.ReportTable a:hover {color:#172cf3;}*/
.ReportLineSeparatorStyle { background-color:#3D7898; height:2px; border:0;}
.AlignedToCenter { margin-left:auto; margin-right: auto; }
a.NormalLink:hover, a.ClickedLink {text-decoration: none; color:#172cf3;}
a.NormalLink, a.NormalLink:visited {text-decoration: underline; color:#0c6fae;}

.EmptyAssetGroupRow { color:#B87645;  text-decoration:none; height:100px; margin:5px; background: #f1f1cb; text-align:center; }
.EmptyAssetGroupRow .ToCenter { padding-top:25px; }
.EmptyAssetGroupRow .ToCenter p { font-size:36px;   } 
.EmptyAssetGroupRow .ToCenter p span.subtitle { font-size:12px; } 

.FormViewClass {  }
.FormViewClass TD { /*height:30px; */ }

.AssetHolderRepeaterDiv { margin-bottom:5px; }

.AssetHolderRepeaterDiv_spacer { padding: 1px 5px; background:#f1f1cb; }

.Editor { margin-bottom:5px; }

.EditorSpacer {  padding: 1px 5px; background:#f2f0d5; }


.FormViewClass .AssetHolderRepeaterDiv_spacer  { padding: 0px 10px; }

.AssetHolderRepeaterDiv_spacer .PopUpPanels { padding: 0px 5px; }

TD.LabelTD { font-size:12px; color:#333366;  padding-top:2px; font-weight:bold; }

textarea.FormText {  font-size:11px; font-family:"Segoe UI", Calibri, "Trebuchet MS"}

a.ActivityDiv { width:170px; height:100px; border: 1px solid #d9cea5; background: #F7F29F; float:left; margin: 2px 2px; display:block; text-decoration:none; }
a.ActivityDiv:hover { background-color:#f2f0d5; }

a.ActivityDiv span { display:block; margin: 4px; color:#333366; }

a.ActivityDiv span.ActTitle { font-size:14px; font-weight:bold; }
a.ActivityDiv span.ActSubTitle { font-size:12px; }

div.CheckBoxDiv { font-size: 12px;  text-align: left; padding:2px 2px; }

div.AssetThumb { color:#B87645; text-decoration:none; float:left; width:80px; height:100px; margin:3px 2px; background:#F4EED0; border: 1px solid #DBC55B; text-align:center; }

div#rc_extra { background: #ded09d; padding:1px 4px;}

div.AssetEditor { width:185px; float:left; position:relative; margin-right:5px; }
div.AssetList { width:440px; float:left; }

body.PopUp { margin:5px;}

body.NoMarginsPopUp { margin:0px; background: url(assets/bg_green.gif) repeat-x;}

div.PopUpHolder { width:640px; }


div.FileUploadHolder { position:relative; }

.ajax__calendar .ajax__calendar_container {	z-index:100 !important;}

div.FUpload_Holder { position:relative !important; }

div.FUploadInner { position:absolute; top:0px;}

.FormText.FUp { float:left;margin-right:5px;width:95px; }


.SoundHolder { float:left; width: 70px; margin:4px; padding:3px; background:#d8dba6;  }
.SoundHolder .SoundSwf { text-align:center; }
.SoundHolder .SoundRegion { text-align:center; }

div.PopUpPanel { padding:5px 10px; background:#FDFEF3; border: 1px solid #D8DBC4 }

div.AssetThumbInList {	color:#B87645; float:left; width:80px; margin:3px 2px; background:#F4EED0; border: 1px solid #DBC55B; text-align:center; }
div.AssetTitle { padding:5px; }



div.LessonHolderClass{width:130px; float:left; margin:3px; background:#F7F29F; border: 1px solid #d9cea5;}

div.LessonHolderClass .LessonTitle  { padding:5px; }
div.LessonHolderClass .LessonTitle a { text-decoration:none; color:#62458A }

div.buttons {padding-top:5px; padding-bottom:5px; }

div.ThumbItem { padding:10px 5px 0px 5px; float:left; margin: 0px 5px 5px 0px; width:150px; background:url(assets/top-bottom.gif); border: 1px solid #b6dba6; border-top:none; }
div.ThumbItem .bd { background:#fff;  height:50px; border: 1px solid #b6dba6; padding:5px;  }
.ClearIt { clear:both; }

div.ToolButtonItem { text-decoration:none; color:#333333; background:#f3f3cd; display:block; }
a.ToolBarBtn { padding:3px; text-decoration:none; color:#333333; background:#b6dba6; display:block;}
a.ToolBarBtn span { margin-left:18px;  }

a.ToolBarBtn.Edit { background:#b6dba6 url(list/delete.gif) 2px 2px no-repeat; }
a.ToolBarBtn.Edit.Dark{ background-color: #88b575;  }
a.ToolBarBtn.Edit:hover { background-color:#c7e1bc; }

a.ToolBarBtn.Add{ background:#b6dba6 url(list/add.gif) 2px 2px no-repeat;  }
a.ToolBarBtn.Add.Dark{ background-color: #88b575;  }
a.ToolBarBtn.Add:hover { background-color:#c7e1bc; }

.PopUpFooter { height:30px; width:100%; position:absolute; bottom:0px; background:#e5da9c;  }
.PopUpFooter div.sp { padding:6px; padding-top:5px; }

.PadContainer { padding:5px;}
.PadContainer.PopUp {  padding:10px; }

div.PopUpFilters { padding:5px; padding-bottom:10px; border-bottom: 1px dashed #666600; margin-bottom: 5px; }
div.PopUpResults { padding:5px; overflow:auto; background:#fff; border-left: 1px solid #d8dba6; border-right: 1px solid #d8dba6; }
div.PopUpToolbar  { padding:5px; background:#D8DBA6 }
div.PopUpPager { padding:3px; background:#D8DBA6 }
div.PickItem { padding:3px; border: 1px solid #BEC994; border-top-color: #d7dbc6; border-bottom-color:#d7dbc6 ; background:#f8f9e6; float: left; margin-right: 3px; margin-bottom: 3px; width:140px; height:30px; overflow:hidden; }

.R3MValidator { color:#FF3300; display:none; }

.FormGroup { padding:5px; }
.FormGroupLabel{  padding: 2px;  border-bottom: 1px dashed #fff;  border-bottom-color: #666633;}
.FormGroupLabel h3 { margin: 0px; font-size:14px; font-weight:bold; }

.HeaderStyle  { background: url(navControl/menu_bg.gif) repeat-x; }
.HeaderStyle td, .HeaderStyle th { padding:3px;height:20px;  *height:17px; font-weight:bold; border: 1px solid #acc379 }
.RowStyle   { background:url(assets/text-bg.gif) repeat-x; }
.RowStyle td { padding:3px; border: 1px solid #daddb9 }
.NoBorderStyle{ border:0;}
.HideText { width:16px !important; height:16px !important; }
.HideText span { display:none;}


.ThumbTable { font-size:10px; width:100%;  }
.ThumbTable td { border:1px solid #E8EFCF; padding:1px; }
.LabelHard { background: #E8EFCF;  }

.center{margin-left:auto; margin-right:auto; padding-bottom:10px;}
.right{float:right;}
.Collapsable{background-color:#d8dba6; height:20px;}
.CollapsableArea{ width:300px;}
.ontop{ margin-top:0px;}