@import url("level.css");

body#searchResults,
body#courseDetails,
body#searchPage
{
    background-color:#0065a0;
    font-size:0.8em;
    font-family:arial;
    font-size:16px;
    background:#667e97 url(images/page_bkgd_grad.jpg) repeat-x;
    background-position:left top;
    margin:0 0 30px;padding:0;
}

.clear {clear:both;line-height:0px;height:0px;}
strong {font-weight:bold;}

a.backToResults {font-size:0.7em;margin:0 1em 1em 47px;display:block;}
/*
Page main css for Search Results and Course Details pages
*/

body#searchResults  div#page,
body#courseDetails  div#page,
body#searchPage     div#page                        {margin:0 auto;width:862px;position:relative;background-color:White;padding:115px 0 0px 0}

body#searchResults div#header,
body#courseDetails div#header,
body#searchPage div#header                          {position:absolute;top:0px;left:0px;width:100%;background:#0063be url(images/header_bkgd_grad.jpg) repeat-x;background-position:left top;height:115px;}

div#logoImage                                       {border:1px solid black;width:6em;height:4em;float:left;margin:0.5em 1em 0.5em 1em;display:none;}

div#header h1                                       {font-size:2em;font-weight:bold;line-height:1.8em;display:none;}
div#header h2                                       {font-size:1em;line-height:1em;display:none;}
div#header div#flash                                {width:570px;margin-left:290px;height:100%;}
div#header a                                       {display:block;width:290px;height:115px;position:absolute;overflow:hidden;background: url(images/GCU_logo.gif) no-repeat 45px 30px}
div#header a span {margin-top:-100px;position:absolute;}

body#searchResults  div#contentArea,
body#courseDetails  div#contentArea,
body#searchPage     div#contentArea                     {background:white;min-height:500px;padding-bottom:1em;padding-top:2em}
body#searchPage     div#contentArea                     {padding-bottom:10em;}

body#searchResults fieldset#searchCriteria div#searchButtons       {text-align:right;margin:0.5em 1em 0 0}

/*

CSS for search form page

*/

body#searchPage div#searchForm #column1 #intro h1        {line-height:1em;margin:0 1em 0.1em 45px;font-size:34px;font-weight:bold;color:#0063be;text-transform:capitalize;}
body#searchPage div#searchForm #column1 #intro h2   {line-height:1em;margin:0 1em 0.1em 45px;font-size:24px;font-weight:bold;color:#0063be;text-transform:capitalize;}


body#searchPage div#searchForm #column1 #intro p                       {margin:20px 45px;color:#585858;line-height:1.3em;}

body#searchPage div#clearingHotline                             {width:293px;height:9.5em;float:right;background:#01a6bf url(images/turquoisePanelBG.png) repeat-y;background-position:left top;position:relative;color:White;margin:0 41px 0 0;}
body#searchPage div#clearingHotline #panelTop                   {background:#01a6bf url(images/turquoisePanelTop.png) no-repeat;background-position:left top;position:absolute;top:0px;left:0px;height:6px;width:293px;}
body#searchPage div#clearingHotline #panelBottom                {background:#01a6bf url(images/turquoisePanelBottom.png) no-repeat;background-position:left bottom;position:absolute;bottom:0px;left:0px;height:6px;width:293px;}

body#searchPage div#clearingHotline #hotlineHeader              {font-size:1.5em;font-weight:bold;padding:0.8em 1em 0 20px;}
body#searchPage div#clearingHotline #hotlineNumber              {font-size:36px;padding:0.3em 1em 0 20px;letter-spacing:-1px;}
body#searchPage div#clearingHotline #hotlineEmail               {font-size:0.9em;padding:1em 1em 0 20px;}
body#searchPage div#clearingHotline #hotlineEmail a             {color:White;}

body#searchPage fieldset#searchCriteria                         {width:477px;border-style:none;background:#0063be url(images/searchPanelBG.png) repeat-y;background-position:left top;padding:0;color:White;margin:0 0 0 42px;}
body#searchPage fieldset#searchCriteria legend                  {display:none;}

body#searchPage fieldset#searchCriteria p                       {padding:0 0 0 10px}

body#searchPage fieldset#searchCriteria h2                      {font-size:1.5em;font-weight:bold;padding:22px 0 7px 28px;background:transparent url(images/searchPanelShadowTop.png) no-repeat;background-position:left top;color:White;}
body#searchPage fieldset#searchCriteria div#searchButtons       {text-align:right;margin:0 0 0 0;background:transparent url(images/searchPanelShadowBottom.png) no-repeat;background-position:left bottom;padding:0 28px 18px 0}

body#searchPage fieldset#searchCriteria label                   {margin:0 30px 7px 28px;border-style:none;font-size:0.8em;}

body#searchPage fieldset#searchCriteria label input.textbox     {width:250px;font-size:0.9em;}
body#searchPage fieldset#searchCriteria label select            {width:254px;font-size:0.9em;}
body#searchPage fieldset#searchCriteria p a                     {color:White;font-weight:bold;}

body#searchPage div#flashBanner                                 {float:right;}


body#searchPage #hotlineInfo {float:right;width:293px;position:absolute;margin:170px 0 0 533px;color:#585858;font-size:0.8em;}
body#searchPage #hotlineInfo h3 {font-weight:bold;margin:0 0 0.1em 0;font-size:1.1em;}
body#searchPage #hotlineInfo table {margin-bottom:19px;width:100%;}
body#searchPage #hotlineInfo table td {padding:0.2em 5px 0.2em 0;}
body#searchPage #hotlineInfo ul {list-style-position:inside;list-style-image:url(images/dot.gif);margin:5px 0 19px 0;}
body#searchPage #hotlineInfo li {margin:0.5em 0;}
body#searchPage #hotlineInfo p {line-height:1.5em;}
body#searchPage #hotlineInfo a, #hotlineInfo a:active, #hotlineInfo a:visited {color:#585858;}
body#searchPage #hotlineInfo a:hover {color:#008ecf;}

body#searchPage #otherInfo {width:477px;margin:19px 0 0 45px;color:#585858;font-size:0.8em;}
body#searchPage #otherInfo h2 {color:#0063be;font-weight:bold;font-size:1.5em;margin:1em 0 0 0;}
body#searchPage #otherInfo h3 {color:#585858;font-weight:bold;margin:1em 0 0.5em 0;}
body#searchPage #otherInfo p {margin:0.4em 0 0 0;}
body#searchPage #otherInfo a {color:#585858;}
body#searchPage #otherInfo a:hover {color:#008ecf;}
body#searchPage #otherInfo ul {list-style-position:inside;list-style-image:url(images/dot.gif);}
body#searchPage #otherInfo li {margin:0.4em 0;}

/*
    General Styles
*/

fieldset                        {border:1px solid #666;margin:0 1em 0 1em;padding-bottom:1em;}
fieldset legend                 {line-height:2em;background-color:#666; color:White;margin:0 0 0 1em;padding:0 0.8em 0 0.8em}

fieldset p                      {margin:1em 1em 1em 1em;line-height:1.3em;}

fieldset label,
fieldset .fauxLabel             {display:block;position:relative;margin:0 1em 0 1em;border-bottom:1px solid #666;line-height:2em;}

fieldset input.textbox          {position:absolute;right:0px;top:0px;width:20em;margin:0.2em 0 0 0}
fieldset select.dropdownlist    {position:absolute;right:0px;top:0px;width:20.3em;margin:0.2em 0 0 0}

/*
Search results page styles
*/

div#results               {}
div#searchresultsHeader p       {margin:17px 0 0 0;line-height:1.3em;font-size:1.1em;color:#727272;}

div#searchresultsHeader         {width:470px;float:left;margin-left:46px;}
div#searchresultsHeader h1        {line-height:1em;margin:0 1em 0.1em 0;font-size:34px;font-weight:bold;color:#0063be;text-transform:capitalize;}
div#searchresultsHeader h1 span   {font-size:0.8em;line-height:1.8em;}


body#searchResults div#clearingHotline                     {margin-bottom:0.5em;width:293px;height:9.5em;float:left;background:#01a6bf url(images/turquoisePanelBG.png) repeat-y;background-position:left top;position:relative;color:White;}
body#searchResults div#clearingHotline #panelTop           {background:#01a6bf url(images/turquoisePanelTop.png) no-repeat;background-position:left top;position:absolute;top:0px;left:0px;height:6px;width:100%;}
body#searchResults div#clearingHotline #panelBottom        {background:#01a6bf url(images/turquoisePanelBottom.png) no-repeat;background-position:left bottom;position:absolute;bottom:0px;left:0px;height:6px;width:100%;}

body#searchResults div#clearingHotline #hotlineHeader      {font-size:1.5em;font-weight:bold;padding:0.8em 1em 0 20px;}
body#searchResults div#clearingHotline #hotlineNumber      {font-size:36px;padding:0.3em 1em 0 20px;letter-spacing:-1px;}
body#searchResults div#clearingHotline #hotlineEmail       {font-size:0.9em;padding:1em 1em 0 20px;}
body#searchResults div#clearingHotline #hotlineEmail a     {color:White;}

.grid                           {margin:33px auto 20px auto;width:774px;clear:both;border-style:none !important;border-color:White;}

.grid,
.grid td,
.grid th                        {font-size:0.9em;line-height:1.8em;}

.grid td                        {padding-left:1em;}

.grid th a                      {display:block;text-decoration:none;line-height:27px;color:White;position:relative;height:27px;background:#0063be url(images/gridHeaderLeft.png) no-repeat;background-position:left top;padding-left:10px;}

.grid th a:hover,
.grid th a:focus,
.grid th a:active               {display:block;background-color:#0063be;color:White;}

.grid td.title                  {text-transform:capitalize;}

.grid tr.row td                 {background-color:white; color: #585858;}
.grid tr.altRow td              {background-color:#efeff0; color: #484848;}

.grid td.title                  {border-style:none;width:316px;}
.grid td.qual                   {border-style:none;width:120px;}
.grid td.duration               {border-style:none;width:130px;}
.grid td.mode                   {border-style:none;width:130px;}
.grid td.ucas                   {border-style:none;width:114px;}

.grid .footer td                { padding-top: 0.5em; color:#484848; } 

.grid td.title a                {font-size:0.9em;line-height:1.8em;color:#484848;}

.grid span.nosort                {width:26px;height:27px;position:absolute;right:0px;top:0px;background:white url(images/sortNone.png) no-repeat;background-position:left top;}
.grid span.sortAsc               {width:26px;height:27px;position:absolute;right:0px;top:0px;background:white url(images/sortasc.png) no-repeat;background-position:left top;}
.grid span.sortDesc              {width:26px;height:27px;position:absolute;right:0px;top:0px;background:white url(images/sortdesc.png) no-repeat;background-position:left top;}

.grid th.title span.nosort,
.grid th.title span.sortAsc,
.grid th.title span.sortDesc     {width:31px}

.grid th.qual span.nosort,
.grid th.qual span.sortAsc,
.grid th.qual span.sortDesc      {width:31px}

.grid th.duration span.nosort,
.grid th.duration span.sortAsc,
.grid th.duration span.sortDesc  {width:31px}

.grid th.mode span.nosort,
.grid th.mode span.sortAsc,
.grid th.mode span.sortDesc      {width:31px}

/*.grid th.qual                   {background:transparent url(images/gridQualHeader.png) no-repeat;background-position:left top;padding:0 0 0 10px;color:White;}*/
.grid th.duration               {background:url(images/gridHeader.png) no-repeat;background-position:left top;padding:0 0 0 10px;color:White;}
.grid th.mode                   {background:url(images/gridHeader.png) no-repeat;background-position:left top;padding:0 0 0 10px;color:White;}

.grid th.duration span, .grid th.mode span  { background-color: #0063be; padding:3px; }

div#searchAgain                 {width:778px;margin:0 auto 2em auto;background:#0063be url(images/searchAgainBG.png) repeat-y;background-position:left top;position:relative;overflow:auto;}
div#saShadowTop                 {background:transparent url(images/saShadowTop.png) repeat-y;background-position:left top;position:absolute;top:0px;left:0px;height:9px;width:100%;}
div#saShadowBottom              {background:transparent url(images/saShadowBottom.png) repeat-y;background-position:left bottom;position:absolute;bottom:0px;left:0px;height:9px;width:100%;}

div#searchAgainText             {width:356px;float:left;margin:20px 0 0 27px;color:White;}
/*div#searchAgainText h2          {font-size:1.5em;font-weight:bold;margin:0 0 0.8em 0;background:transparent url(images/search-again.png) no-repeat;background-position:left 50%;font-size:0.1em;height:25px;padding-left:500px;overflow:hidden;}*/
div#searchAgainText h2          {font-size:1.5em;font-weight:bold;margin:0 0 0.2em 0;}


div#searchAgainText p           {font-size:0.8em;line-height:1.4em;}

div#searchAgainForm                         {width:375px;margin:20px 0 0 20px;float:left;font-size:0.8em;color:White;}
div#searchAgainForm fieldset                {border-style:none;margin:0;}
div#searchAgainForm fieldset legend         {display:none;}
div#searchAgainForm fieldset label          {border-bottom-style:none;}
div#searchAgainForm input.textbox           {position:absolute;right:0px;top:0px;margin:0.2em 0 0 0;width:242px;}
div#searchAgainForm select.dropdownlist     {position:absolute;right:0px;top:0px;margin:0.2em 0 0 0;height:23px;width:248px;}

div#noResults                               {border:1px solid #727272;margin-right:1.5em;}
div#noResults h3                            {font-size:1.3em;font-weight:bold;color:White;background-color:#727272;padding:0.2em 0 0.2em 0.5em}
div#noResults p                             {padding:0.2em 0 0.2em 0.5em;}

/*
Course Details Page Styles
*/

div#courseContent                                   {overflow:auto;}

div#courseContent a.backToResults                   {font-size:0.7em;margin:0 1em 1em 47px;display:block;}

div#courseContent #column1                          {float:left;width:525px;}
div#courseContent #column2                          {float:right;width:333px;overflow:hidden;}

div#courseContent fieldset legend span              {display:block;}

div#courseContent div#courseDetailsHeader           {margin:0 0em 0 0em;}
div#courseContent div#courseDetailsHeader h1        {line-height:1em;margin:0 1em 1em 45px;font-size:34px;font-weight:bold;color:#0063be;text-transform:capitalize;}
div#courseContent div#courseDetailsHeader h1 span   {font-size:0.6em;}

div#courseContent #column1 p                         {margin:0 0 0 45px;font-size:0.8em;color:#585858;line-height:1.3em;}
div#courseContent #column1 h2                        {margin:20px 0 5px 45px;padding-bottom:0.3em;color:#0063be;font-size:1.1em; border-bottom: 1px solid}

div#courseContent #column1 p br                      {margin:0.8em 0 0 0;display:block;}
div#courseContent #column1 strong                    {font-weight:bold;}

div#courseContent #column1 h3                        {color:#727272;font-weight:bold;font-size:0.8em;margin:1em 0 0.5em 45px;}

fieldset .fauxLabel                                 {overflow:auto;}
fieldset .fauxLabel span                            {display:block;}


fieldset.infobox                             {width:293px;font-family:Arial;color:White;background:#0063be url(images/keyInfoPanelBG.png) repeat-y;background-position:left top;border-style:none;padding:0;}
fieldset.infobox legend                      {display:none;}
fieldset.infobox h2                          {background:transparent url(images/keyInfoPanelTop.png) no-repeat;background-position:left top;padding:19px 19px 10px 19px;font-size:1.3em;font-weight:bold;}

fieldset.infobox h3                          {padding:0px 19px 0px 19px;font-size:0.9em;font-weight:bold;line-height:1em;margin:0;}
fieldset.infobox p                           {padding:2px 19px 8px 19px;font-size:0.9em;margin:0;line-height:1.5em;}

fieldset.infobox div.footer                  {background:transparent url(images/keyInfoPanelBottom.png) no-repeat;background-position:left bottom;height:5px;padding-bottom:10px}

fieldset.careerOp                                   {width:293px;font-family:Arial;color:#585858;background:#e0edf8 url(images/careerOpBG.png) repeat-y;background-position:left top;border-style:none;padding:0;margin-top:3px;}
fieldset.careerOp legend                            {display:none;}
fieldset.careerOp h2                                {background:transparent url(images/careerOpTop.png) no-repeat;background-position:left top;padding:19px 19px 10px 19px;font-size:1.3em;font-weight:bold;}

fieldset.careerOp h3                                {padding:0px 19px 0px 19px;font-size:0.9em;font-weight:bold;line-height:1em;margin:0;}
fieldset.careerOp p                                 {padding:5px 19px 5px 19px;font-size:0.9em;margin:0;line-height:1.5em;}

fieldset.careerOp div.footer                        {background:transparent url(images/careerOpBottom.png) no-repeat;background-position:left bottom;height:5px;padding-bottom:10px}

div#courseContent div#clearingHotline                             {padding:0.5em 0;width:293px;height:128px;background:#01a6bf url(images/turquoisePanelBG.png) repeat-y;background-position:left top;position:relative;color:White;margin:0 1em 19px 1em;}
div#courseContent div#clearingHotline #panelTop                   {background:#01a6bf url(images/turquoisePanelTop.png) no-repeat;background-position:left top;position:absolute;top:0px;left:0px;height:6px;width:100%;}
div#courseContent div#clearingHotline #panelBottom                {background:#01a6bf url(images/turquoisePanelBottom.png) no-repeat;background-position:left bottom;position:absolute;bottom:0px;left:0px;height:6px;width:100%;}

div#courseContent div#clearingHotline #hotlineHeader              {font-size:1em;margin:19px 0 0 19px;}
div#courseContent div#clearingHotline #hotlineNumber              {font-size:30px;margin:9px 0 0 19px;letter-spacing:-1px;}
div#courseContent div#clearingHotline #hotlineEmail               {font-size:0.9em;margin:14px 0 0 19px;}
div#courseContent div#clearingHotline #hotlineEmail a             {color:White;}

/* The following modifies the page number control which exists under the main table */
div.pager
{
    padding: 0px;
    padding-left: 6px;
    padding-right: 6px;
}
span.results1
{
    float:left;
}
span.results2
{
    float:right;
}