/* onclick="window.open(this.href,'_new');return false;" */ /* titleImage Theme Name: Neo-Colonial Post-Modern Sname URI: http://www.snamelearning.org Description: SNAMeLearning Author: Charles Klapper Author URI: http://www.highcaliber.com Template: x22 Version: 10/29/2009 [Table Of Contents] 0- Reset 1- Global 2- Links 3- Headings 4- Header 5- Navigation 6- Middle 7- Forms 8- Extras 9- Footer */ /* =0 Reset –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ @import url('reset.css'); /* =1 Global –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ .headerLink { font-size:0.9em; } *, html { margin:0; padding:0; } body { margin:0; padding:0; height:auto; background-color:#ffffff; line-height:1; vertical-align:top; color:#000000; background-image:url('http://www.SNAMeLearning.org/images/bkgd.gif'); background-repeat:repeat-y; line-height:1.125em; font-size:100.01%; /* font-size:16px;*/ font-family:MS Sans Serif,arial,helvetica,verdana; } body { font-size:16px; } div { /* border:0px solid red; */ color:#000000; float:left; display:inline; } body div { font-size:0.92em; } .clear { clear:both; } .message { color:#049CFC; } .underline { border-bottom:1px solid; } .warning { color:#ff0000; } .floatLeft { float:left; } .center { margin-left:auto; margin-right:auto; } .weightNormal { font-weight:normal; } .weightBold { font-weight:bold; } /* =2 Links –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ a { display:inline; } a:link { color:#04348C; text-decoration:none; } a:visited { color:#04348C; text-decoration:none; } a:hover { color:#04348C; text-decoration:none; } a:active { color:#04348C; text-decoration:none; } /* =3 Headings –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ h1 { color:#049cfc; font-size:1.40em; } h2 { color:#000000; font-size:1.30em; } h3 { color:#000000; font-size:1.00em; } h4 { color:#049cfc; font-size:1.40em; } h5 { color:#000000; font-size:1.30em; } h6 { color:#000000; font-size:1.00em; } h7 { color:#000000; font-size:1.00em; } /* =4 Header –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ div#headerLogoDiv { width:778px; height:88px; background-color:black; } div#headerContainerDiv { margin:4px 0 0 4px; width:774px; height:22px; } div#headerDivLeft { margin:0 0 0 0; width:350px; height:20px; float:left; color:#ffffff; background-color:#049CFC; } div#headerDivMiddle { width:160px; height:20px; float:left; background-color:#049CFC; color:#ffffff; } div#headerDivRight { width:264px; height:20px; float:left; background-color:#049CFC; } div#progressBar { margin:0 0 0 9px; width:747px; height:55px; } /* login */ div.loginHeader { width:400px; height:100px; } /* =5 Navigation –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ /* =6 Middle –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ div.snameSection { margin:8px 0 8px 0; padding:0 0 0 0; width:770px; height:25px; float:left; text-align:center; background-color:#f7f7f7; } div.snameSectionHidden { display:hidden; } div.snameSection div.key { padding:0 10px 0 0; width:37%; float:left; text-align:right;} div.snameSection div.value { width:53%; float:left; text-align:left; } div.snameSection div.keyAndValueMerged { padding:0 0 0 15px; text-align:left; width:100%; } div.contentContainer { display:inline; min-height:100%; height: auto !important; /* background-color:#f7f7f7; */ padding:5px 0 0 0px; width:768px;/*height:400px;*/ float:left; clear:left; margin: 0 auto 1px; /* the bottom margin is the negative value of the footer's height */ margin-left:10px; } div.contentHeaderCellLeft, div.contentHeaderCellRight { padding:5px 0 0 0px; height:25px; float:left; color:#ffffff; background-color:#04348C; font-size:1.35em; text-align:left; text-indent:10px; font-weight:bold;} div.contentHeaderCellLeft { margin-left:0; width:490px; border-right:1px solid #ffffff; /* #f7f7f7; */} div.contentHeaderCellRight { margin:0 0 0 1px; width:265px; } div.contentLeft { margin:0 0 0 4px; padding-left:10px; display:inline; width:444px; float:left; clear:left; /* background-color:#f7f7f7; */ } div.contentRight { display:inline; margin:0; text-indent:0px; width:275px; float:left; color:#000000; background-color:#ffffff; float:left; } div.detailsContainer { margin:0 0 0 5px; width:775px; float:left; } div.detailsContainer div.snameSection { width:765px; height:auto !important; } div.detailsContainer h1 { width:99%; text-align:center; margin:8px 0 8px 0; } div.detailActionIconContainer { margin-left:auto; margin-right:auto; padding:0; min-width:auto; width:108px; height:25px; } div.subHeader { float:left; margin:0; padding:6px 0 0 0; width:100%; height:27px; color:#ffffff; background-color:#04348C; text-indent:11px; font-size:1.5em; font-weight:bold;} div.displayToUserContainer { margin:40px 0 0 150px; width:500px; height:400px; } div.message { padding:15px 0 0 0; width:98%; height:45px; text-align:center; color:#049CFC; /* font-size:1.2em;*/ background-color:#f7f7f7;} div.content { margin:150px 0 0 0; } div.instructionsContainer { margin:25px 0 0 5px; min-height:300px; height:auto !important; width:550px; float:left; clear:left; } div.instructionsContainer div.snameSection { margin:0 0 8px 0; padding:0 0 0 0; width:548px; height:auto !important; float:left; text-align:left; background-color:#ffffff; } div.instructionsContainer div.snameSection p { margin:15px 0 0 0; line-height:15px; } div.instructionsContainer div.snameSection a { float:none; } div.instructionsContainer h1 { margin:8px 0 10px 0; text-indent:5px; text-align:center; } div.instructionsContainer h2 { margin:8px 0 20px 0; text-indent:5px; } div.instructionsContainer h3 { margin:2px 0 2px 0; text-indent:12px; } div.transcriptContainer div#rr { border:2px solid red; } div.transcriptContainer div.snameSection { margin:0 0 8px 0; padding:0 0 0 0; width:770px; height:auto !important; float:left; text-align:center; background-color:#ffffff; } div.transcriptContainer div.snameSection p { border:0px solid blue; margin:15px 0 0 0; line-height:15px; } div.transcriptContainer div.snameSection a { float:none; } div.transcriptContainer h1 { border:0px solid red; margin:20px 0 10px 0; width:770px; text-align:center;} /* =7 Form –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ form { display:inline; float:left; } input { background-color:#eeeeff; border:1px solid #049CFC; } textarea { background-color:#eeeeff; border:1px solid #049CFC; white-space:pre; } select { display:inline; background-color:#eeeeff; border:1px solid #049CFC; float:left; } ol,ul { display:inline; border:0px solid blue; color:blue; font-size:1.1em; overflow:hidden; float:left; } ol { list-style:decimal outside; } ul { list-style:none outside; margin:10px 0 10px 10px; } li { display:inline; margin:3px 0 0 0; padding:0; min-width:92%; width:92%; min-height:20px; height:25px; float:left; clear:left; } ul ul { margin:0; } li a, li select, li form { float:left; /* border:0px solid blue; */} li img.forwardbtn { margin-left:10px; } li img.attachedFile { margin:0; float:left; } li img.zoomIcon { margin:3px 0 0 0; } ul.hover { /* background-color:#5f5f5; position:relative; top:0px; left:0px; */} /* li:hover { background-color:#f7f7f7; position:relative; top:0px; left:0px; } */ ul.navigationList { width:95%;} ul.navigationList li { margin:2px 0 0 0; font-weight:bold;} li.level0, li.level1, li.level2, li.level3 { width:72%; float:left; width:84%; border:0px solid green; } li.level0 { padding-left:5px; } li.level1 { padding-left:20px; } li.level2 { padding-left:35px; } li.level3 { padding-left:50px; } li.level0 form { min-width:170px; width:185px; float:left; } li.level2 form { min-width:150px; width:170px; float:left; } li.level3 form { min-width:300px; width:300px; float:left; } /* =8 Extra –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ /* =9 Footer –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ div#footer div { } div#footer { margin:20px 0; width:778px; height:130px; float:left; clear:both; } div#helpMenu { margin:0; padding:8px 0 0 0; width:720px; height:26px; float:left; text-align:center; } div#copyright { margin:3px 0 0 0; padding:5px 0 0 0; width:720px; height:20px; float:left; color:#888888; text-align:center; } div#hostedBy { margin:0; padding:5px 0 0 0; width:720px; height:30px; text-align:center; float:left; } /* =10 Images –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ img { float:left; } img.detailActionAddIcon { margin:5px auto 2px auto; } img.detailActionEditIcon { margin:5px auto 2px auto; } img.detailActionDeleteIcon { margin:5px auto 2px auto; } img.detailActionEmailIcon { margin:5px auto 2px auto; } img.zoomIcon { width:17px; height:16px; float:left; } img.backbtn { width:12px; height:13px; } img.forwardbtn { width:12px; height:13px; float:none;} img.attachedFile { width:16px; height:17px; } img.titleImage { width:633px; height:33px; } img.progressBarPrograms { width:104px; height:51px; clear:left;} img.progressBarCourses { width:114px; height:51px; } img.progressBarUnits { width:114px; height:51px; } img.progressBarModules { width:100px; height:51px; } img.progressBarAssignments { width:114px; height:51px; } img.progressBarSolutions { width:114px; height:51px; } img.progressBarClassroom { width:58px; height:51px; } img#mainLogo { width:780px; height:88px; } img#members { width:17px; height:13px; } img#blue_arrowLeft { border:0px solid blue; margin:3px 4px 0 2px; width:9px; height:11px; } img#titl_learningcenter { width:300px; height:30px; } img#titl_announcements { width:300px; height:30px; } img#moreRightJustified { margin:0 57px 0 0; width:187px; height:16px; float:right; } img#learningpc { margin-top:57px; width:186px; height:140px; } /* =11 divs –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ /* index */ div#indexContentContainer div { border:0px solid blue;} div#indexContentContainer { border:0px solid blue; margin:0 0 0 10px; padding:20px 0 20px 0; /* font-size:1.0em; */ } div#indexContentContainer div.contentLeft { padding-top:0px; width:430px; height:300px; } div#indexContentContainer div.contentMiddle { width:1px; height:300px; background-color:#049CFC; float:left;} div#indexContentContainer div.contentRight { padding:10px 0 0 7px; height:300px; width:304px; } div#indexContentContainer div.contentRight ul { display:inline; border:0px solid blue; margin:10px 0 10px 10px; } div#indexContentContainer div.contentRight li { display:inline; border:0px solid red; list-item-style:disc inside; margin:8px 0 18px 0; padding-left:30px; width:260px; } div#indexLeftTop { margin:57px 0 0 0; padding:0 0 0 5px; width:230px; height:40px; float:left; line-height:1.2em; font-weight:bold; } div#indexLeftMiddle { margin:10px 0 0 0; padding:5px; width:230px; height:100px; float:left; line-height:1.1em; } div#indexLeftBottom { margin:0px 0 0 0; height:60px; width:410px; float:left;} /* courses */ div#coursesContentContainer div#CDescription { width:92%; height:300px; float:left; margin:5px 0 0 0; font-size:1.0em;} div#coursesContentContainer div#CDescription ul li a { margin:0px; text-decoration:underline; } div#coursesContentContainer div.contentLeft { background-color:#f7f7f7; width:477px; } div#coursesContentContainer div.contentRight ul { margin:6px 0 0 6px; display:inline; border:0px solid red; width:265px;} div#coursesContentContainer div.contentRight li { margin:0 0 0 14px; border:0px solid red; min-width:220px; width:220px; min-height:15px; height:15px; } div#coursesContentContainer div.contentRight ul li.itemTitle { margin:0 0 0 5px; font-weight:bold; border:0px solid blue; } /* CoursesUnits */ div#coursesUnitsContentContainer { border:0px solid blue; overflow:hidden;} div#coursesUnitsContentContainer div.contentHeaderCellLeft { width:491px; } div#coursesUnitsContentContainer div.contentHeaderCellRight { width:265px; } div#coursesUnitsContentContainer div.contentLeft { border:0px solid blue; background-color:#f7f7f7; width:477px; } div#coursesUnitsContentContainer div.contentRight { padding:0; border:0px solid red; width:265px; } /* div#coursesUnitsContentContainer div.contentRight ul li { margin:10px 0 10px 0; height:auto !important; border:1px solid green; } */ div#coursesUnitsContentContainer div.contentRight ul li.itemTitle { border:0px solid blue; margin:10px 0 10px 0; height:auto !important; font-weight:bold; } div#UDescription { margin:15px 0 0 0; width:374px; height:80px; float:left;} table.registrationTable { width:340px; height:100px; table-layout:fixed; border-spacing:2px 2px;float:left; border-width:0px; border-style:dashed; border-color:#ff00ff; border-collapse:separate; clear:left; } table.registrationTable th { height:25px; color:#ffffff; background-color:#04348C; text-align:center; vertical-align:middle; } table.registrationTable td { padding:4px 0 0 0; text-indent:5px; } /* CoursesUnitsModules */ div#coursesUnitsModulesContainer div.contentHeaderCellLeft { width:491px; } div#coursesUnitsModulesContainer div.contentHeaderCellRight { width:265px; } div#coursesUnitsModulesContainer div.contentLeft { border:0px solid blue; background-color:#f7f7f7; width:477px; } div#coursesUnitsModulesContainer div.contentRight { padding:0; border:0px solid red; min-width:270px; width:270px; } div#coursesUnitsModulesContainer div.contentRight ul { border:0px solid blue; padding:0 0 10px 0;} div#coursesUnitsModulesContainer div.contentRight ul li { border:0px solid red; width:232px; height:auto !important; /*15px;*/ float:left; overflow:hidden;} div#coursesUnitsModulesContainer div.contentRight ul li.itemTitle { padding:0 0 0 5px; font-weight:bold; } div#coursesUnitsModulesContainer div.contentRight ul li.itemUploadFileName { padding:0 0 0 11px; font-size:0.7em; width:250px;} div#coursesUnitsModulesContainer div.contentRight ul li.viewItemDetails { margin:0 0 0 18px; padding:0 0 0 0; clear:left;} div#coursesUnitsModulesContainer div.contentRight ul li.itemDownloadUploadOrDelete { padding:0 0 7px 35px; min-width:200px; width:200px; } div#coursesUnitsModulesContainer div.contentRight ul li.itemDownloadUploadOrDelete a { border:0px solid blue; margin-left:4px; } div#coursesUnitsModulesContainer div.contentRight ul li.itemNewItem { display:inline; margin:8px 0 0 0; padding:0 0 0 30px;} div#MDescription { display:inline; margin:17px 0 0 0; width:85%; font-size:1.1em; } div#MInstructor { margin:17px 0 0 0; line-height:1.2em; } div#MInstructor a, div#MInstructor span { margin:0 4px 0 4px; border:0px solid red; } /* student instructions */ div#studentInstructionsContainer { border:0px solid blue; margin:0 0 0 50px; width:650px; } div#studentInstructionsContainer div.snameSection { margin:8px 0 8px 0; padding:0 0 0 0; width:650px; min-height:auto; height:auto !important; float:left; text-align:left; background-color:#f7f7f7; } hr.hr1 { border-top:1px solid blue; margin:20px 0 20px 10px; width:550px; height:1px; float:left; } div#studentInstructionsContainer div.snameSection ol { border:0px solid red; list-style:decimal outside;} div#studentInstructionsContainer div.snameSection ul li { border:0px solid blue; margin:2px 0 0 0; padding:0; width:500px; float:left; height:10px; } div#studentInstructionsContainer div.snameSection ol li { color:#000000; display:list-item; border:0px solid blue; margin-left:30px; padding-left:10px; width:575px; float:none; min-height:auto; height:auto !important; } div#studentInstructionsContainer div.snameSection ol p { border:0px solid pink; } ul#instructionsLinks { border:0px solid blue; list-style:none outside; margin:0 0 0 100; color:#000000; text-align:left; width:400px; } /* voip help */ div#helpVOIPContainer { margin:20px 0 0 29px; padding:0; width:718px; } div#helpVOIPContainer div.snameSection { margin:0 0 0 0; padding:0 0 0 18px; width:677px; text-align:left; } /* calculator policy */ div#calculatorPolicy { margin:20px 0 0 29px; padding:0; width:718px; } div#calculatorPolicy div.snameSection { margin:0 0 0 0; padding:0 0 0 18px; width:677px; text-align:left; } /* test policy */ div#testPolicy { margin:20px 0 0 29px; padding:0; width:718px; } div#testPolicy div.snameSection { margin:0 0 0 0; padding:0 0 0 18px; width:677px; text-align:left; } /* course registration */ div#courseRegistrationContainer { width:780px; height:auto !important; } div#courseRegistrationContainer div { } div#courseRegistrationContainer div.snameSection { margin:8px 0 8px 0; padding:0 0 0 0; width:750px; height:auto !important; float:left; text-align:center; background-color:#f7f7f7; } div#courseRegistrationContainer div.snameSection div.key { padding:0 10px 0 0; width:30%; float:left; text-align:right; font-size:1.1em; } div#courseRegistrationContainer div.snameSection div.value { width:68%; float:left; text-align:left; } div#courseRegistrationContainer div.snameSection input { margin-left:auto; margin-right:auto; } div#courseRegistrationContainer div.snameSection#assignmentDescription { height:155px; } /* course registration policy */ div#courseRegistrationPolicy { display:inline; font-color:#000000; margin-left:10%; margin-right:auto; width:560px; height:70%; } div#courseRegistrationPolicy div.snameSection { width:560px; color:#000000; margin:10px 0 0 0; } div#courseRegistrationPolicy form#Agree { display:inline; margin:5px 0 5px 20%; width:95px; height:20px; } div#courseRegistrationPolicy form#Disagree { display:inline; margin:5px 20% 5px 0; width:98px; height:20px; float:right; } div#courseRegistrationPolicy div#agreement { width:100%; background-color:#dedfdf; font-weight:bold; } div#courseRegistrationPolicy div#disclaimer { width:100%; background-color:#f7f7f7;} div#courseRegistrationPolicy ol, ul { margin:15px 0 10px 10px; } div#courseRegistrationPolicy ol { list-style:decimal inside; } div#courseRegistrationPolicy li { color:#000000; } div#courseRegistrationPolicy h1 { color:#049CFC; font-size:1.3em; font-weight:bold; margin:10px 0 10px 0; } /* assignments and solutions upload */ div#assignmentsUploadContainer ul, div#assignmentsUploadContainer ol { margin:10px 0 10px 30px; font-size:0.9em; color:#000000; border:0px; } div#assignmentsUploadContainer li { text-align:left; } /* instructor training */ div#instructorTraining p { text-align:left; padding-left:20px; }