﻿/*@import url(reset.css);*/
@import url(StyleGlobal.css);
@import url(StyleHeader.css);
@import url(StyleFooter.css);

.float-left {float: left;}

.float-right {float: right;}

.clear-fix:after, .clear-fix:before 
{
	content: ".";
    clear: both;
    display: table;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.content-wrapper 
{
    margin: 0 auto;
    max-width: 1050px;
    padding: 0 10px;    
}

.hgroup, .section 
{
	display: block;
}

.mark 
{
	background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

/* main layout
----------------------------------------------------------*/
/*#header, .body, #footer
{
    display: block;
    clear: both;
}*/



.body 
{
    background-color: #F9FAF7;    
}

    .body .content-wrapper {
        /*background-color: #fefefe;
        padding-left: 30px;*/
        padding-top: 25px;
        padding-bottom: 35px;
    }

    /*.featured + .main-content {
        background: url("../Images/heroAccent.png") no-repeat;
    }*/
    
 
/* page elements
------------------------------7ac0da#b6ff00----------------------------*/
/* section 
.section {
    background-color: #eee;
}*/

    .section .content-wrapper {
        background-color: #555;
        color: #3e5667;
        padding: 2px 15px 1px 15px;
    }


/* page titles */
.title {
    margin-bottom: 10px;
}

.title h1, .title h2 {
    display: inline;
}

.title h2 {
    font-weight: normal;
    margin-left: 3px;
}

/* features */
.section.feature {
    width: 300px;
    float: left;
    padding: 10px;
}



/* content */
.article {
    float: left;
    width: 66%;    
}

    .article h3
    {
        letter-spacing: 1px;
        padding: 10px;
    }

    .article p
    {
      line-height: 1.5em;
      margin: 0px;
      padding: 5px 15px 15px 15px;
      border-bottom: 0px solid Navy;
      text-align: justify;
    }

	.article ul, .article ol 
	{
		margin-left: 20px;
		padding: 0;
	}
	
	.article ul li, .article ol li 
	{		
        padding: 0px 5px 8px 5px;		
	}
	
	.article a 
	{
		font-size: 1.1em;
	}
	
	.article a:hover
	{
		 color: #446897;
	}
	
	
	
	.article .generalTable
{
    border: 0px solid #ddd;
    width: 100%;
    margin-top: 7px;
    margin-bottom: 7px;  
}
.article .generalTable tr, .article .generalTable td, .article .generalTable th
{     
    padding:4px;
    border: 1px solid #ddd;
    vertical-align:middle;    
}

    .article .bullet {
        padding-right: 15px;   
    }
    .article .icon {
        padding-right: 35px;
        padding-top: 25px; 
        height: 135px;
        width: 135px;      
    }



/* --- Side Bar --- */

.aside 
{
	background: #F6F6F6;
	border-left: 3px solid #A1BC31;
	float: right;
    font-family: "Open Sans", Verdana, Geneva, sans-serif; 
	font-size: 14px;       
    padding-left: 0; 
    padding-top: 0;
    vertical-align: top;
    width: 300px;
}

    .aside ul, .aside ol {
        list-style:  none;
        padding: 0;
        padding-left: 18px;
    }
    
    .aside ul li, .aside ol li {
            
        margin: 0 5px 12px 0;        
    }
        
    .aside ul li a, .aside ol li a {
        color: #1D9DD9;
        font-size: 0.9em;
		line-height: 1.2em;            
    }
         
	.aside a:hover
	{
		color: #444;
		text-decoration: none;
	}

    .aside h3 {
        padding-left: 18px;
    }
        
 .dataList
{
    margin-bottom: 15px;
    width: 100%;
}

/* ---------- Data List used for VU Stuff ----------*/

 .dataList .item {
        background-color:#fbfbfb;
        border-bottom: 1px solid #D2D2D2;
    }

    .dataList .item .program {
        display: block;
        float: left;
        font-size: 115%;
        padding: 10px 0 5px; 
        width: 100%;       
    }
    .dataList .item .program a {
        color: #1570A6;
        font-size: 105%;
        font-weight: 500;
        line-height: 1.25em;
    }

    .dataList .item .program p {
        font-size: 81%;
        line-height: 1.25em;
        text-align: left;
        padding: 0;
        margin: 0;
    }





.gridView
{
    width: 100%;  
}

/* ---------- Grid View used for VU Stuff ----------*/
    
    .gridView .item {
        background-color:#fbfbfb;
        border-bottom: 1px solid #D2D2D2;
    }

    .gridView .code {
        display: block;
        float: left;
        font-family: Segoe UI Light,Segoe UI,Tahoma,sans-serif;
        padding: 10px 0 5px;
        width: 15%;      
    }

    .gridView .code span{
        color: #446897;        
        font-size: 22px;
        font-weight: 600; 
        padding: 0px 1px 0 0;              
    }

    .gridView .code a{
        color: #6DC2E9;
        font-size: 145%;
    }

    .gridView .course {
        display: block;
        float: left;
        font-size: 115%;
        padding: 10px 0 5px; 
        width: 83%;       
    }
    .gridView .course a {
        color: #1570A6;
        font-size: 105%;
        font-weight: 500;
        line-height: 1.25em;
    }

    .gridView .course span {
        font-size: 81%;
        line-height: 1.25em;
        text-align: right;
        padding: 0;
        margin: 0;
    }

    .gridView .course span a {
        color: #555;
    }


.gridViewPager {
    
    vertical-align:middle;
    height:45px;
}


.gridViewPager a {
    margin:auto 1%;
    border: 1px solid #A1BC31;
    border-radius:50%;
      background-color:#fff;
      padding:5px 10px 5px 10px;
      color:#222;
      text-decoration:none;
      -o-box-shadow:1px 1px 1px #111;
      -moz-box-shadow:1px 1px 1px #111;
      -webkit-box-shadow:1px 1px 1px #111;
      box-shadow:1px 1px 1px #111;
}

.gridViewPager a:hover{
    background-color: #222;
    color:#fff;
}

.gridViewPager span{
    background-color:#A1BC31;
    color:#fff;
     -o-box-shadow:1px 1px 1px #111;
      -moz-box-shadow:1px 1px 1px #111;
      -webkit-box-shadow:1px 1px 1px #111;
      box-shadow:1px 1px 1px #111;

    border-radius:50%;
    padding:5px 10px 5px 10px;
}



    /*.gridView .link {
        display: block;
        float: right;
        font-weight: normal;
        height: 100%;
        margin: 0 0 0 10px;
        padding: 20px 0;
        border: 1px solid #D2D2D2;
    }*/



.detailsView 
{
    width: 100%;
} 

       


/* tables
----------------------------------------------------------


th {
	font-size: 1.2em;
    text-align: left;
    border: none 0px;
    padding-left: 0;
}

    th a {
        display: block;
        position: relative;
        
    }

	th a:link, th a:visited, th a:active, th a:hover {
		color: #333;
		font-weight: 600;
		text-decoration: none;
        padding: 0;
	}

	th a:hover {
		color: #000;
	}

    th.asc a, th.desc a {
        margin-right: .75em;
    }
    
    th.asc a:after, th.desc a:after {
		display: block;
        position: absolute;
        right: 0em;
        top: 0;
        font-size: 0.75em;
	}

	th.asc a:after {
		content: '▲';
	}

	th.desc a:after {
		content: '▼';
	}

td {
    padding: 0.25em 2em 0.25em 0em;
    border: 0 none;
}

tr.pager td {
    padding: 0 0.25em 0 0;
}

*/


/*============= Post ================================== */


.directions 
{   
	margin: 0 0 0 10px;
	
    font: 14px arial, verdana, Helvetica, sans-serif;
    line-height: 1.6em;
}

.questions {
    background-color: #a6dbed;
	margin-top: 5px;
    padding: 8px;
    font: 17px arial, verdana, Helvetica, sans-serif;
    line-height: 1.7em;    
}

    .questions ol {
        padding-left: 30px;
    }

.question {
	margin-top: 35px;
    font: 14px verdana, Helvetica, sans-serif;
    line-height: 1.6em;    
}

.question .number {    
	float: left;  
	width: 40px;	
	margin: 0;
    padding: 0;	
	font-size: 30px;
	font-weight: bold;
	letter-spacing: -2px;
	color: #ff6a00;
}

.question h3 { border: 1px solid black;
	margin: 0 0 0 90px;
	padding: 10px 0 0 0px;	
	text-transform: lowercase;
	font-size: 16px;
	color: #ff8500;
}



.question .entry {
	margin: 0;
	padding: 0 0 0px 70px;
}

.entry p {
    font-weight: bold;
}

.question ol
{
     line-height: 18pt;
     list-style-type: upper-alpha;
     padding-left: 30px;
}
.explanation
{ border: 1px solid black;
    background-color: #fedede;
    color: navy;
    font-weight: bold;
}

.answers ol li {
    display: inline;
    
    font-weight: bold;
    padding-left: 25px;
}

.answers h2 {
    color: navy;
    font-weight: bold;
    padding-left: 18px;
}



/*******************************************************/

td.upper_line { border-top:solid 0.5px black; }

.fraction 
{
    text-align: center; 
    vertical-align: middle; 
    margin-top:0.5em; 
    margin-bottom:0.5em; 
    line-height: 2em;
    margin-left: 120px;
}

.red, .green
{font-weight: bold; font-size: 25px; letter-spacing: .3em; }
.red{color: Red;}
.green{color: Green;}

.black, .purple, .blue, .gray, .maroon{ font-size: 18px; font-weight: bold; letter-spacing: .07em;}
.black{ color: Black;}
.purple{ color: Purple;}
.blue{ color: Blue;}
.gray{ color: Gray;}
.maroon{ color: Maroon;
}

.np { font-size: 16px;}

    .np .sol {
        background-color: #a6dbed;
    }




.testLinks {
    background-color: #a6dbed;
    font-size: 13px;
    margin-bottom: 15px;
    padding: 10px;
}


/*......... Featured Content ...............*/

.heading {
    border-top: 1px solid #E6E6E6;
    color: #929292;
    display: block;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 15px;
    line-height: 11px;
    margin: 7px 0 10px;
    text-transform: uppercase;
}
.heading-text {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    margin: -7px 0 0;
    padding: 0 5px 0 0;
}

#featured-content {
    margin: 0 0 20px;
    overflow: hidden;
}
#featured-content ul {
    clear: both;
    padding: 5px 0 0;
}
#featured-content ul li {
    display: block;
    float: left;
    height: 200px;
    margin: 0 25px 15px 0;
    position: relative;
    width: 200px;
    padding: 0;
}
#featured-content .entry-title {
    background: url("../images/transparent.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 0;
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    font-weight: normal;
    left: 0;
    padding: 10px;
    position: absolute;
}
#featured-content .entry-title a, #featured-content .entry-title a:visited {
    color: #FFFFFF;
}
#featured-content ul li.featured-3, #featured-content ul li.featured-6, #featured-content ul li.featured-9 {
    margin: 0;
}

.entry-thumb {
    float: left;
    margin: 0 15px 15px 0;
}
a img {
    border: 0 none;
}


/* Start of Grid View for Objective Questions */

.gvObjectives {

    font-size: 16px;
}
.gvObjectives .question1 ol
{
     padding-left: 15px;
}
.gvObjectives .question1 {

    background-color: #ddefff;
}
.gvObjectives p {

    font-weight: bold;
}
.gvObjectives .result {

    margin-top: -15px;
    margin-bottom: 18px;
    padding: 10px;
    background-color: #E8ED97;
}
.gvObjectives .result span {

    font-weight: bold;
    margin-right: 70px;
}
.gvObjectives hr {

    color: #ddd;
}

/* End of Grid View for Objective Questions */