@media screen 
{
    *                               {font-family: Arial, 'Open Sans', sans-serif; margin:0px; /*padding:0px;*/ }
    body                            {font-size:90%; color:#333333; background-color:#ffffff; margin:auto; font-size:14px; font-weight:400;}
    h1                              {font-weight:bold; font-size:13px; color:#222cd0; margin-bottom:15px;}
    h2                              {font-weight:bold; font-size:11px; color:#222cd0;}
    h3                              {color:#333333; font-size:11px; font-weight:bold;}
    
    textarea                        {font-size:100%; padding:4px; color:#333333; border:1px solid #cccccc;}
    select                          {padding:4px; color:#333333; border:1px solid #cccccc;}
    a                               {text-decoration:none; color:#222cd0;}
    a:hover                         {text-decoration:underline;}
    p                               {margin-top:10px; margin-bottom:10px;}

    .time-warning-message           {position:fixed!important; top:50%!important; left:50%!important; margin-left:-100px!important; width:200px!important; color:#222!important; text-align:center; margin-top:-50px!important; height:auto!important; background:white!important; border:1px solid #AAA!important; z-index:9999999999999999999;}
    .time-warning-message .button   {width:100%!important; margin-bottom:0px!important;}

    #container                      {width:99%; text-align:left; margin:0px auto 0px auto;}

    #header                         {width:100%; margin-top:10px; margin-bottom:10px;}

    .headerimage                    {margin-left:10px; cursor:pointer; display:block; background-image:url(img/logo.jpg); width:205px; height:97px; background-repeat:no-repeat;}

    #headerlinks                    {float:right; margin-right:15px; margin-top:5px; color:#333333;}
    #headerlinks a                  {color:#333333;}

    #candidate-assessment           {min-height:500px; width:45%; padding:15px; margin:auto;}

    #dashboard-admin                {min-height:300px; border:1px solid #cccccc; padding:20px; background-image:url(img/boxbg.jpg); background-repeat:repeat-x;}
    #dashboard-admin table          {width:100%; border-collapse:collapse;}
    #dashboard-admin table td       {width:50px; padding-bottom:6px; padding-top:6px;}
    #dashboard-admin table td.left  {width:150px;}
    #dashboard-admin table tr.blue  {background-color:#f0f6f8;}
    #dashboard-admin .box           {padding:12px; margin-top:12px; background-color:#fcfcfc; border:1px solid #cccccc;}
    #dashboard-admin .box h3        {font-size:13px; margin-bottom:5px;}
    #dashboard-admin .box a         {color:#343434;}

    #dashboard-mock                {min-height:300px; border:1px solid #cccccc; padding:20px; }
    #dashboard-mock table          {border-collapse:collapse;}
    #dashboard-mock table td       {width:150px; padding:6px;}
    #dashboard-mock table td.left  {width:150px;}
    #dashboard-mock table tr.blue  {background-color:#f0f6f8;}
    #dashboard-mock .box           {padding:12px; margin-top:12px; background-color:#fcfcfc; border:1px solid #cccccc;}
    #dashboard-mock .box h3        {font-size:13px; margin-bottom:5px;}
    #dashboard-mock .box a         {color:#343434;}


    #mainwrapper                	{border:1px solid #cccccc; clear:both; background-color:#ffffff; margin:0px 10px 0px 10px; height:auto !important; height:100%; min-height:400px; padding:10px; padding-top:12px;}
    #mainwrapper-login              {background-color:#ffffff; border:1px solid #cccccc; margin:0px auto 0px auto; width:350px;}
    #mainwrapper-login .loginbutton {margin-top:2em;}

    #maincontent                    {padding:20px; padding-top:1.5em; margin:auto;}
    #maincontent td                 {color:#333333;}
    #maincontent .form              {width:100%; margin-left:0.5em;}
    #maincontent .form th           {padding-bottom:0.5em; text-align:left;}
    #maincontent .form td           {padding-bottom:0.5em;}
    #maincontent .form .label       {text-align:right; padding-right:1em; width:175px; vertical-align:top; padding-top:4px;}
    #maincontent .pagetitle         {font-weight:bold; font-size:13px; color:#222cd0;}

    #contentlinks                   {float:right;}
    #contentlinks .addicon          {width:14px; height:14px; margin-right:10px; margin-top:1px; background-image:url(img/nav/add.png); display:block; float:left;} 
    #contentlinks > a			    {float:left; border:1px solid #cccccc; color:#333333; background-image:url(img/nav/sidelink_off.png); background-repeat:repeat-x; background-color:#ededed; padding-top:8px; padding-bottom:8px; padding-left:10px; padding-right:10px; margin-left:1.5em;}

    .menuadmin-container            {float:left; margin-left:10px; height:30px;}
    #menuadmin                      {height:27px; margin-top:3px;}
    #menuadmin .menuitem            {float:left; margin-top:1px; height:26px;}
    #menuadmin .menuitem:hover      {margin-top:1px; height:26px;}
    .contentheading                 {margin-bottom:1em;}
    .breadcrumb                     {padding-top:5px; padding-left:20px;}
    .inline                         {display:inline;}
    .error                          {display:block; color:#ff0000; margin-top:1em; width:auto !important; margin:2px; float:right; margin-top:25px; margin-left:20px;}
    .success                        {display:block; color:#009900; margin-top:1em;}
    .selected                       {color:#222cd0;}
    .categoryname                   {display:block; margin-bottom:8px;}

    .noborder                       {border:none;}
    .noborder input                 {border:none;}

    .validationsummary              {border:1px solid #ff0000; background-color:#fffbfb; padding:8px; margin-top:10px; margin-bottom:10px;}
    .validationsummary ul           {color:#ff0000; margin:0px; padding:0px; list-style:square; margin-left:25px;}
    .validationsummary li           {color:#ff0000;}

    .calendaricon                   {vertical-align:-6px; *vertical-align:0px; margin-left:1em; cursor:pointer;}
    .reportstext                    {color:#aaaaaa;}

    .essayanswer                    {height:300px; overflow:auto; padding:3px; border:1px solid #cccccc;}
    .essayanswer ol li              {list-style-type:decimal; margin-left:20px !important; padding:2px !important;}
    .essayanswer ul li              {list-style-type:disc; margin-left:15px !important; padding:2px !important;}     
    .essayanswer ul                 {margin:10px !important;}            
    .essayanswer ol                 {margin:10px !important;}  

    .modalBackground                {filter:alpha(opacity=40); opacity:0.4; background-color:#cccccc;}
    .modalPopup                     {background-color:#ffffff; border-width:1px; border-style:solid; border-color:#cccccc; padding:15px; width:860px; min-height:540px; overflow-x:hidden; overflow-y:scroll;}
    .modalPopup.PopupExtended       {width:1028px; height:728px;}
    .PopupExtended .modalPopupContent {width:980px; height:700px;overflow-x:auto;}
	.modalPopupQuit 			    {Width:550px;}
	.modalPopupQuitBtn              { width:100px; padding:10px; height: 40px; font-weight:bold; }
    .modalPopupContent              {width:840px; min-height:470px; max-height:600px; overflow:auto; overflow-x:hidden; padding-right:25px;}
    .modalPopupButtons              {position:relative; bottom:0px; padding-bottom:5px;}
    .mediaplayer                    {width:225px; height:145px; display:block; position:fixed; right:50px; top:350px;}

    .modalPopup2                     {background-color:#ffffff; border:1px solid #cccccc; margin:0 auto; padding:15px; width:500px; height:230px; overflow-x:hidden; overflow-y:scroll;}
    .modalPopupContent2              {width:500px; height:145px;  overflow:auto; overflow-x:hidden; padding-right:25px;}
    .editHeader                      {font-size:20px; font-weight:bold; color:#393F92; clear:both;}

 
    #additionalMockInfo td {
        border: 1px solid #02387e;
        width: auto!important;
    }

    /* exam css */
    div#exam {
        margin: 20px 0;
        width: 100%;
        height: 100%;
        text-align: left;
        border: 1px dashed #fff;
        font-size: 11px;
    }
    div#exam-header    { height:100px; margin: 0px auto; text-align: left; }
    div#exam-logo      {background-color:transparent; background-image:url(img/logo.jpg); width:205px; height:97px; position:relative; top:25px; left:10px; margin: 0 auto;}
    div#examlogo .no-logo { background-image: none; } 
    div#exam-info	   { /*background-image: url(img/exam/top_blue_gradient.jpg); color:#eeeeee;*/ font-size:1.1em; height:100px; }
    div#exam-title     {text-align:left; float:left; margin:10px; font-size: 25px; color:#393F92; font-weight:bold;}
    div#exam-time      {text-align:left; float:right; margin:25px 0 0 30px; color:#111; font-size:12px;}
    div#exam-learner   {text-align:left; float:left; margin:10px; }
    div#exam-total-questions    {text-align:right;  float:right; margin:10px; }
    div#exam-content            {text-align:left; background-color:none; }
    div#exam-question           {min-height:300px; padding:15px; }
    div#exam-report				{margin:15px; text-align:left;}
    div.exam-error				{min-height:300px; text-align:center; padding-top:50px; }
    div.exam-frontpage			{min-height:300px; position:relative; padding:56px 10px 10px 10px; }
    div.exam-finish				{min-height:300px; text-align:center; padding-top:50px; }
    div.exam-loading			{float:right; }
    /*div#question-details        {float:left; width:52%; margin:5px; display:none; }*/
    div#question-details        {float:left; width:52%;   }
    div#question-title          {text-align:left; font-size:1.3em; position:relative; top:-20px; left:14px; color:#393F92; font-weight:bold;}
    div#question-text           {text-align:left; }
    div#question-type           {text-align:right; float:right; width:30%; }
    /*div#section-title           {text-align:left; margin-top:7px; }*/
    div#section-title           {text-align:left; font-size:1em; position:relative; top:-20px;  color:#393F92; font-weight:bold;}
    div#supplementary-text      {width:100%; height:470px; overflow: scroll; overflow-x:hidden; text-align:left; margin-top:15px;}
    div#question-selector-container	{ width:100%; margin-left:0px; overflow:scroll; overflow-y:hidden; vertical-align:middle;}
    div#question-selector			{ min-width:100px; width:100px; padding:10px; vertical-align:middle;}
    div#question-selector td		{ min-width:60px; width:60px;  vertical-align:top; height:40px; }
    div#question-selector td span	{ padding:5px; vertical-align:middle; text-align:center; vertical-align:middle;  padding-right:5px; height:40px; width:60px;}
    div#question-selector input		{ vertical-align:middle; padding-right:5px; }
    div#navigation-bottom			{ height:0px; }
    div#navigation-left             { float:left; width:300px; height:5px; background-color:#A69767;}
    div#navigation-center           { text-align:center; margin:auto; width:350px; height:5px; background-color:#003258;}
    div#navigation-right            { float:right; width:300px; background-color:#A69767; height:5px;}
    div#navigation-reset			{ float:left; margin:10px; }
    div#navigation-finish			{ float:right; margin:10px; margin:10px 120px 0 0;}
    div#title { color:Red; font-size:100px;}

                                                            div#ctl00_ContentPlaceHolder1_tbcAssessment_body {
                                                                                                                        float: left;
                                                                                                                        width: 100%;
                                                            }

    .genericbutton  { margin:5px 0; border:2px solid #A2A2A2; background: #DEDEDE; color: #333333;  padding:0; font-weight:bold; font-size: 12px; cursor:pointer; padding:2px; }
    .genericbutton { border:2px solid #1E27B6; background: #3054CC; color: #fff; padding: 5px; }
    .printbutton  { margin:5px 0; border:2px solid #A2A2A2; background: #DEDEDE; color: #333333;  padding:0; font-weight:bold; font-size: 12px; cursor:pointer; padding:2px; }
    .printbutton { border:2px solid #1E27B6; background: #3054CC; color: #fff; padding: 5px; }
    .finishbutton  { margin:5px 0; border:2px solid #A2A2A2; background: #DEDEDE; color: #333333;  padding:0; font-weight:bold; font-size: 12px; cursor:pointer; padding:2px; }
    .finishbutton { border:2px solid #AA0000; background: #FF0000; color: #fff; padding: 5px; }
    .spellbutton  { margin-top:5px; }
    .reportbutton {  margin:5px 5px; border:2px solid #A2A2A2; background: #DEDEDE; color: #333333; font-weight:bold; font-size: 12px; cursor:pointer; padding:15px;width: 100px;}
    .reportselected { border:2px solid #1E27B6; background: #3054CC; color: #fff; }

    .form.matrix tr td { vertical-align:middle; padding-bottom:1em; }
    .form.matrix tr td:first-child { min-width:350px; text-align:left; padding-right:5em;  }
    .form.matrix tr td:not(:first-child) { text-align:center; }
    .form.matrix tr th  { text-align:center; vertical-align:middle; padding:0.6em; }

    .form.m-note tr th input         { width:88%; }
    .form.m-note tr td.label         { vertical-align:auto; }
    .form.m-note tr td.m-cell select { width:44%; }
    .form.m-note tr td.m-cell input  { width:44%; }

    /* stop FF4 resizing textareas */
    textarea { resize: none; }
    
    .input-element { width:305px; }


    div#question-content    { font-size:14px; }
    div#question-content input[type='radio']    {  float:left; width:40px; height:1.2em; }
    div#question-selector input[type='radio']    {  height:1.2em; width:1.2em; }
    .label-radio{
        padding:10px;
    }
    
    /* 
       - ANDREW JAMES ROURKE -
       - 11/05/2015 - 
       - Fix consequetive buttons, to ensure that there is a space between them. This selector
         will pick up buttons which have buttons directly after it, and ensure that there is a
         spacing added behind them.
       - Additionally, the pullright method will style a specific button as required.
    */
          input.button + input.button     {margin-left:2px;}
          .pullright                      {position:absolute!important; margin-top:0px!important;}
    /* END OF ANDREW JAMES ROURKE CHANGES */
    .tblCompanyDocuments {font-size:14px!important; font-family:Arial, 'Open Sans', sans-serif!important; margin-left:5px;}
    .tdCompanyDocuments{padding-right:10px;}
}
@media screen 
{
}

@media print
{
    .non-printable { display: none; }
    .breadcrumb { display: none; }
    #header { display: none; }
    .menuadmin-container { display: none; }
}

@media handheld, only screen and (max-device-width:320px)  and (orientation:portrait)
{
    #container {width:99%; text-align:left; margin:0px auto 0px auto;}
}

@media handheld, only screen and (max-device-width:480px)  and (orientation:portrait)
{
    #container {width:100%; text-align:left; margin:0px auto 0px auto;}
    div#exam-header    { height:50px; margin: 0px auto; text-align: left; }
    div#exam-logo      {background-color:transparent; background-repeat:no-repeat; background-position:center; width:100%; height:43px; position:relative; top:8px; left:0px; margin: 0 auto;}
	 .headerimage                    {margin-left:30px; cursor:pointer; display:block; width:80%; height:43px; background-repeat:no-repeat;}
	div#exam           {margin:0px 0; width:99%; height:100%; text-align:left; font-size:11px; }
	div#exam-info	   {background-image: url(img/exam/top_blue_gradient.jpg); color:#eeeeee; font-size:1.1em; height:80px; }
	div#exam-title     {text-align:left; float:left; margin:10px; font-size: 25px; color:#393F92; font-weight:bold;}
	div#exam-time      {text-align:left; float:right; margin:-8px 0 0 30px; color:#111; font-size:12px;}
	div#exam-question           {min-height:100px; padding:10px; }
	div#question-selector-container	{ width:75%; margin-left:0px; overflow:scroll; overflow-y:hidden; -webkit-overflow-scrolling: touch; vertical-align:middle; margin:0 auto;float:left;margin-bottom:10px;}
	div#question-selector-container input { width:10%;}
	div#question-selector-left { background-image: url(img/ipadarrow-left.png);background-position:center center;background-repeat:no-repeat;width:35px;height:40px; float:left; }
	div#question-selector-right { background-image: url(img/ipadarrow-right.png);background-position:center center;background-repeat:no-repeat;width:35px;height:40px; float:right; }
	div#question-selector-up { background-image: url(img/ipadarrow-up.png);background-position:center right;background-repeat:no-repeat;width:35px;height:40px; margin-left:90%; }
	div#question-selector-down { background-image: url(img/ipadarrow-down.png);background-position:bottom right;background-repeat:no-repeat;width:35px;height:40px;margin-left:90%; }
	div#navigation-left             { float:left;margin-left:5px; width:33%; height:5px; background-color:#A69767;}
    div#navigation-center           { text-align:center; margin:auto; width:35%; height:5px; background-color:#003258;}
    div#navigation-right            { float:right; width:33%; background-color:#A69767; height:5px;}
	div#navigation-finish	 { float:right; margin:10px; margin:10px 20px 0 0;}
    div#question-title        {width:30%;padding:0; margin:0;}
    div#quesionresponses input {padding:0}
    div#exam-report { width:80%; }
	div.exam-finish	{padding-top:20px; }
	.modalPopup  {border-width:1px; border-style:solid; border-color:#cccccc; padding:15px; width:80%; height:80%; overflow-x:hidden; overflow-y:scroll;margin-left:0px;margin-top:20px;}
	.modalPopupContent   {width:94%; font-size:8px; height:70%; overflow:auto; overflow-x:hidden; padding-right:20px;-webkit-overflow-scrolling: touch; }
	.modalPopupButtons       {position:absolute; bottom:0px; padding-bottom:5px;float:left;}
	.modalPopupQuit 			{Width:400px;}
	.modalPopupQuitBtn { width:60px; padding:10px; height: 40px; font-weight:bold; }
	.CancelFinish { width:80%; } 
	 #maincontent .form .label       {text-align:left; padding-right:0; width:0; vertical-align:top; padding-top:0;}
	 .input-element { width:80%;  }
	 .printbutton  { display:none; }
}

@media handheld, only screen and (max-device-width: 480px) and (orientation:landscape)
{
    #container {width:100%; text-align:left; margin:0px auto 0px auto;}
    div#exam-header    { height:43px; margin: 0px auto; text-align: left; }
    div#exam-logo      {background-color:transparent; background-repeat:no-repeat; background-position:center; width:100%; height:43px; position:relative; top:0px; left:0px; margin: 0 auto;}
    div#exam           {margin:20px 0; width:99%; height:100%; text-align:left; border:1px dashed #fff; font-size:11px; }
    div#exam-title     {text-align:left; float:left; margin:10px; font-size: 25px; color:#393F92; font-weight:bold;}
    div#exam-time      {text-align:left; float:right; margin:-8px 0 0 30px; color:#111; font-size:12px;}
    div#exam-question  {min-height:200px; padding:10px; font-size:x-small; }
    div#question-selector-container	{ width:84%; margin-left:0px; overflow:scroll; overflow-y:hidden; -webkit-overflow-scrolling: touch; vertical-align:middle; margin:0 auto;float:left;margin-bottom:10px;}
	div#question-selector-left { background-image: url(img/ipadarrow-left.png);background-position:center center;background-repeat:no-repeat;width:35px;height:40px; float:left; }
	div#question-selector-right { background-image: url(img/ipadarrow-right.png);background-position:center center;background-repeat:no-repeat;width:35px;height:40px; float:right; }
	div#question-selector-up { background-image: url(img/ipadarrow-up.png);background-position:center right;background-repeat:no-repeat;width:35px;height:20px; margin-left:95%; }
	div#question-selector-down { background-image: url(img/ipadarrow-down.png);background-position:bottom right;background-repeat:no-repeat;width:35px;height:20px;margin-left:95%; }
	div#questiontext span {font-size:12px; } 
    div#navigation-left             { float:left;margin-left:5px; width:33%; height:5px; background-color:#A69767;}
    div#navigation-center           { text-align:center; margin:auto; width:35%; height:5px; background-color:#003258;}
    div#navigation-right            { float:right; width:33%; background-color:#A69767; height:5px;}
	div#navigation-finish	 { float:right; margin:10px; margin:10px 50px 0 0;}
	div#question-title        {width:30%;padding:0; margin:0;margin-top:-15px;}
	div.exam-finish	{padding-top:20px; }
	.modalPopup  {background-color:#ffffff; border-width:1px; border-style:solid; border-color:#cccccc; padding:15px; width:90%; height:80%; overflow-x:hidden; overflow-y:scroll; -webkit-overflow-scrolling: touch; margin-left:0px;margin-top:30px;}
	.modalPopupContent   {width:95%; height:60%; overflow:auto; overflow-x:hidden; padding-right:25px;-webkit-overflow-scrolling: touch; }
	.modalPopupButtons       {position:absolute; bottom:0px; padding-bottom:5px;float:left;}
	.modalPopupQuit 			{Width:550px;}
	.modalPopupQuitBtn { width:100px; padding:10px; height: 40px; font-weight:bold; }
	 div#quesionresponses { width:80%;} 
	.printbutton  { display:none; }
}

@media handheld, only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)
{
     div#exam           {margin:0px 0; width:99%; height:100%; text-align:left; font-size:11px; }
	 div#exam-info	   {background-image: url(img/exam/top_blue_gradient.jpg); color:#eeeeee; font-size:1.1em; height:80px; }
	 div#question-selector-container	{ width:90%; margin-left:0px; overflow:scroll; overflow-y:hidden; -webkit-overflow-scrolling: touch; vertical-align:middle; margin:0 auto;float:left;margin-bottom:10px;}
	 div#question-selector-left { background-image: url(img/ipadarrow-left.png);background-position:center center;background-repeat:no-repeat;width:35px;height:40px; float:left; }
	 div#question-selector-right { background-image: url(img/ipadarrow-right.png);background-position:center center;background-repeat:no-repeat;width:35px;height:40px; float:right; }
	 .modalPopup  {background-color:#ffffff; border-width:1px; border-style:solid; border-color:#cccccc; padding:15px; width:860px; height:500px; overflow-x:hidden; overflow-y:scroll;}
	 .modalPopupContent   {width:840px; height:425px; overflow:auto; overflow-x:hidden; padding-right:25px;-webkit-overflow-scrolling: touch; }
	 div#question-selector-up { background-image: url(img/ipadarrow-up.png);background-position:center right;background-repeat:no-repeat;width:35px;height:40px; margin-left:835px; }
	 div#question-selector-down { background-image: url(img/ipadarrow-down.png);background-position:bottom right;background-repeat:no-repeat;width:35px;height:40px;margin-left:835px; }
     div#navigation-left             { float:left;margin-left:5px; width:33%; height:5px; background-color:#A69767;}
     div#navigation-center           { text-align:center; margin:auto; width:35%; height:5px; background-color:#003258;}
     div#navigation-right            { float:right; width:33%; background-color:#A69767; height:5px;}
	 div#navigation-finish	 { float:right; margin:10px; margin:10px 140px 0 0;}
     .modalPopupContent   {width:98%; height:80%; overflow:auto; overflow-x:hidden; padding-right:25px;-webkit-overflow-scrolling: touch; }
	 .modalPopupButtons       {position:absolute; bottom:0px; padding-bottom:5px;float:left;}
	 .modalPopupQuitBtn { width:100px; padding:10px; height: 40px; font-weight:bold; }
}

@media handheld, only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)
{
     div#exam           {margin:20px 0; width:740px; height:100%; text-align:left; font-size:11px; margin:0 auto; }
	 div#question-selector-container	{ width:670px; margin-left:0px; overflow:scroll; overflow-y:hidden; -webkit-overflow-scrolling: touch; vertical-align:middle; margin:0 auto;float:left;margin-bottom:10px;}
	 div#question-selector-left { background-image: url(img/ipadarrow-left.png);background-position:center center;background-repeat:no-repeat;width:35px;height:40px; float:left; }
	 div#question-selector-right { background-image: url(img/ipadarrow-right.png);background-position:center center;background-repeat:no-repeat;width:35px;height:40px; float:right; }
	 .modalPopup  {background-color:#ffffff; border-width:1px; border-style:solid; border-color:#cccccc; padding:15px; width:620px; height:500px; overflow-x:hidden; overflow-y:scroll;}
	 .modalPopupContent   {width:600px; height:425px; overflow:auto; overflow-x:hidden; padding-right:25px;-webkit-overflow-scrolling: touch; }
	 div#question-selector-up { background-image: url(img/ipadarrow-up.png);background-position:center right;background-repeat:no-repeat;width:35px;height:40px; margin-left:595px; }
	 div#question-selector-down { background-image: url(img/ipadarrow-down.png);background-position:bottom right;background-repeat:no-repeat;width:35px;height:40px;margin-left:595px; }
	 div#navigation-finish	 { float:right; margin:10px; margin:10px 120px 0 0;}
	 .modalPopupContent   {width:98%; font-size:8px; height:80%; overflow:auto; overflow-x:hidden; padding-right:20px;-webkit-overflow-scrolling: touch; }
	 .modalPopupButtons              {position:absolute; bottom:0px; padding-bottom:5px;float:left;}
	 .modalPopupQuitBtn { width:100px; padding:10px; height: 40px; font-weight:bold; }
}

span.questionlayout ul { list-style-type:disc; padding:initial!important; }

.paddingTop { padding-top:2em; }

.maxWidth    { max-width:100%; }
.maxHeight   { max-height:100%; }

.upperCase  { text-transform:uppercase;}
/* ANDREW ROURKE - CHANGES 2014 - 15/12/2014 */
.navbar-default                 {   border-radius:0px; background:#e1ded9 !important; border-bottom:1px solid #bfbebc; -webkit-box-shadow: -1px 3px 10px -2px rgba(191,190,188,1); -moz-box-shadow: -1px 3px 10px -2px rgba(191,190,188,1); box-shadow: -1px 3px 10px -2px rgba(191,190,188,1);    }
.row-header                     {   /*NONE*/   }
.row-header img                 {   float:right; width:190px; padding:20px; margin-right:-30px;  }
.row-header h2                  {   font-size:24px; font-weight:normal; padding:25px; color:#424242; font-weight:300; }
.panel-default                  {   border-radius:0px; background:#f9f9f9; margin-bottom:10px;  }
.bluestrip                      {   width:100%; height:8px; background:#003f78;  margin-bottom:10px;   }
h1                              {   font-size:32px; color:#003f78; margin-bottom:30px;   }
.texBox                         {   width:250px; margin:15px;    }
.texBoxLabel                    {   text-align:left; width:160px;    }
.texBoxLabelExtra               {   text-align:left; width:145px; margin:15px; margin-left:-15px;   }
.btn                            {   border-radius:0px;    }
.btn-normal                     {   float:left; margin-left:160px; margin-bottom:30px; width:auto; padding-left:30px; padding-right:30px; background:#02387e; color:white; text-shadow:1px 1px #222;    }
.btn-normal:hover               {   float:left; margin-left:160px; margin-bottom:30px; width:auto; padding-left:30px; padding-right:30px; background:#02387e; color:white; text-shadow:1px 1px #222;    }
.btn-normal:active              {   float:left; margin-left:160px; margin-bottom:30px; width:auto; padding-left:30px; padding-right:30px; background:#02387e; color:white; text-shadow:1px 1px #222;    }
.btn-style                      {   float:left; width:auto; padding-left:30px; padding-right:30px; background:#02387e; color:white; text-shadow:1px 1px #222;    }
.btn-style:hover                {   float:left; width:auto; padding-left:30px; padding-right:30px; background:#02387e; color:white; text-shadow:1px 1px #222;    }
.btn-style:active               {   float:left; width:auto; padding-left:30px; padding-right:30px; background:#02387e; color:white; text-shadow:1px 1px #222;    }
.btn-dropdown-style             {   background:#02387e; color:white; text-shadow:1px 1px #222; }
.btn-dropdown-style:hover       {   background:#02387e; color:white; text-shadow:1px 1px #222; }
.btn-dropdown-style:active      {   background:#02387e; color:white; text-shadow:1px 1px #222; }
.btn-login                      {   float:left; margin-left:175px; margin-top:15px; width:auto; padding-left:30px; padding-right:30px; background:#02387e; color:white; text-shadow:1px 1px #222;    }
.btn-login:hover                {   float:left; margin-left:175px; margin-top:15px; width:auto; padding-left:30px; padding-right:30px; background:#02387e; color:white; text-shadow:1px 1px #222;    }
.btn-login:active               {   float:left; margin-left:175px; margin-top:15px; width:auto; padding-left:30px; padding-right:30px; background:#02387e; color:white; text-shadow:1px 1px #222;    }
.base-header                    {   height:auto;    }
.nav-pills                      {   margin-left:-15px; margin-right:-15px; margin-top:-15px;  }
.nav-pills li a                 {   border-radius:0px; border:0px; background:white; padding:0px; padding-top:5px; color:#003f78; border-top:5px solid #FFF; margin-right:15px; margin-bottom:10px;   }
.nav-pills li a:hover           {   border:0px; background:white; color:#222; border-top:5px solid #003f78;  }
.nav-pills li a:focus           {   border:0px; background:white; color:#222; border-top:5px solid #003f78;  }
.contentArea                    {   padding:20px;    }
.breadcrumb                     {   background:none; margin:0px; padding:0px; margin-bottom:10px; font-size:12px;   }
.pagetitle                      {   font-weight:600 !important;    }
.clean                          {   background:none !important; padding:0px !important; border:none !important;    }
.button                         {   padding:5px; border:none; float:left !important; width:auto !important; padding-left:30px !important; padding-right:30px !important; background:#02387e !important; color:white !important; text-shadow:1px 1px #222 !important; margin-bottom:20px; margin-top:20px;    }
.button-center                  {   padding:5px; border:none; width:auto !important; padding-left:30px !important; padding-right:30px !important; background:#02387e !important; color:white !important; text-shadow:1px 1px #222 !important; margin-bottom:20px; margin-top:20px;    }
select                          {   height:23px; font-size:14px; padding:0px; width:200px; border:1px solid #AAA;    }
.ajax__tab_outer                {   float:left; width:auto; padding-left:30px; padding-right:30px; background:#02387e !important; color:white; text-shadow:1px 1px #222; margin-right:2px; font-size:12px; padding-bottom:0px; height:27px !important;   }
.ajax__tab_inner                {   float:left; width:auto; padding-left:30px; padding-right:30px; background:#02387e !important; color:white; text-shadow:1px 1px #222; font-size:12px; padding-bottom:0px;   }
.ajax__tab_tab                  {   float:left; width:auto; padding-left:30px; padding-right:30px; background:#02387e !important; color:white; text-shadow:1px 1px #222; font-size:12px; padding-bottom:0px; height:20px !important;  }
.ajax__tab_tab:hover            {   color:white;  }
.ajax__tab_tab:active           {   color:white; outline: none;  }
.ajax__tab_tab:focus            {   color:white; outline: none;  }
.ajax__tab_header               {   width:100%; float:left;    }
textarea                        {   border:1px solid #AAA;    }

    table.gridview                  {width:100%; border:1px solid #dddddd; margin-top:1em;}
    table.gridview a                {margin-right:0.5em;}
    table.gridview tr.row td        {height:auto; background-color:#ffffff; padding:9px; border:1px solid #003f78;}
    table.gridview tr.footer td     {height:auto; background-color:#ffffff; padding:9px; border:1px solid #003f78;}
    table.gridview tr.pager td      {padding:5px; padding-left:3px;}
    table.gridview tr.pager td a    {margin:auto;}
    table.gridview tr.header th     {text-align:left; background:#003f78; background-repeat:repeat-x; background-color:#003f78; color:#ffffff; padding:9px; border:1px solid #003f78 }
    table.gridview tr.header th a   {text-decoration: none;color:white;}
    table.gridview tr.header th a:hover   {text-decoration: underline;color:white;}
    table.gridview tr.header td     {height:auto; background-color:#ffffff; padding:9px; border:1px solid #003f78;}
    table.gridview tr.alternating td{height:auto; background-color:#d8e4f2; padding:9px; border:1px solid #003f78;}
    table.gridview tr.row td .treeview td {border:0;padding:2px;}
    table.gridview tr.alternating td .treeview td {border:0;padding:2px;}
    table.gridview tr.nalternating td .treeview td {border:0;padding:2px;}
    table.gridview tr.nalternating td {height:auto; background-color:white; padding:9px; border:1px solid #003f78;}
    table.gridview tr.noresults td  {padding:10px;}

    table.gridview tr.alternating td table.enquirySubTbl tr.header th {text-align:left; background:inherit; background-repeat:repeat-x; background-color:inherit; color:inherit; padding:9px;}
    table.gridview tr.nalternating td table.enquirySubTbl tr.header th {text-align:left; background:inherit; background-repeat:repeat-x; background-color:inherit; color:inherit; padding:9px;}
    table.gridview tr.alternating td table.enquirySubTbl td {height:auto; background-color:inherit; padding:9px; border:0px none;}
    table.gridview tr.nalternating td table.enquirySubTbl td {height:auto; background-color:inherit; padding:9px; border:0px none;}

    table.gridview tr th input[type=checkbox] {
        margin: 0 0 0 10px;
    }

    .label{
        color:#222;
        font-size:12px;
        font-weight:600;
        margin-left:0px;
        padding-left:0px;
        width:290px;
        float:left;
        text-align:left;
        margin-top:5px;
        margin-bottom:5px;
    }
    .label-large{
        color:#222;
        font-size:12px;
        font-weight:600;
        margin-left:0px;
        padding-left:0px;
        width:290px;
        float:left;
        text-align:left;
    }

.qst-container  { background:#02387e;padding:15px;width:100%;color:#fff;font-size:14px;font-weight:bold; }
.qst-feedback   { width:100%; margin-bottom:10px; }
.qst-feedback-left  { float:left }
.qst-feedback-right { float:right; }
.qst-feedback-container { border:1px solid #808080; padding:10px; background:#cccbcb;width:310px; }

.panel-form { padding:10px; padding-top:15px; padding-left:75px; border:1px solid #02387e; }

table.answerform    { margin:0px; padding:0px; }
table.answerform  td { padding:1px; margin:0px; font-weight:bold; text-align:center; vertical-align:middle; }
table.answerform td input { padding:0px; margin:0px; }
.error-nm   {display: block; color: #ff0000;  width: auto !important; margin: 0px; float: right; }

@media only screen 
and (max-width : 770px) {
    .row-header img {
        display: none;
    }

@media only screen 
and (max-width : 1024px) {
    .row-header img {
        width:100%;
   
    }

    
}

.clear { clear:both; }

.close-warning  { padding: 5px; border: none; float: none!important; width: auto !important; padding-left: 5px!important; padding-right: 5px!important; color: #000!important; text-shadow: none!important; margin-bottom: 0px!important; margin-top: 0px!important; background: #e1ded9!important; }
}
@media only screen 
and (min-width : 1000px) and (max-width : 1200px) {
   
    .questionRow {margin-right:50px!important;}
}
@media only screen 
and (max-width : 999px) {
    .questionRow {margin-right:20px!important;}
}


.AutoComplete {
  list-style-type: none;
  background-color: #ffffff;
  padding: 0px;
  margin: 0px;
  padding-top: 0px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  box-shadow: 0 0 8px #dddddd;
  overflow: auto;
  height: 400px;
}
.AutoCompleteItem {
  color: #1d4979 !important;
  background-color: #ffffff;
  cursor: pointer;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.AutoCompleteItemHighlight {
  color: #1d4979 !important;
  background-color: #f5f5f5;
  cursor: pointer;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.AutoCompleteItemHighlightText {
  color: #1d4979 !important;
  font-weight: bold;
  margin-bottom: 3px;
  display: inline;
}
.AutoCompleteItemDescriptionText {
  color: #777777 !important;
  font-size: 11px !important;
  margin-top: 5px;
  font-style: italic;
}
.AutoCompleteItemDescriptionHighlightText {
  color: #1d4979 !important;
  font-weight: bold;
  font-size: 11px !important;
  margin-top: 5px;
  display: inline;
}
.AutoComplete .timestamp .AutoCompleteItemHighlightText {
  color: #777777 !important;
  font-size: 11px;
  font-style: italic;
}

/* Ryan Documents Page 07/06/2016 */

.uploadPDFtable { margin:0 auto;}
.uploadPDFtable th {padding:3px; background: #003f78; color: #ffffff; border: 1px solid #003f78;}
.uploadPDFtable td {padding:10px; color:#222cd0;}
.uploadPDFtable td a:hover { text-decoration:none;}
.uploadPdfTableDeleteBtn { color:red; }
.uploadPDFtable tr:nth-child(even)
    {
        background-color:#ffffff;
    }
.uploadPDFtable tr:nth-child(odd)
{
    background-color:#d8e4f2;
}

.hideItem{
    display:none!important;
}
.hideItem a {float:right;}
.showItem{
    display:block !important;
}

.hideControl{display:none!important;}
.hasFile {border-bottom:3px solid green!important; padding-bottom:2px;}

/*Start: Ryan Top Navigation changes for Questions - 05/07/16*/
.questionHover { margin-top:4px; padding-top:6px; margin-right: 15px; }
.questionHover:hover { border-top: 5px solid #003f78; margin-top:0px!important; padding-top:5px; }
.mainQuestionDropdown { display: inline; padding:5px 0 0;  margin-bottom: 10px;  }
.toggleDropdown { font-weight: normal;cursor: pointer; color:#575178; }
.questionDropdown li a { padding: 3px 20px!important; margin-bottom:0!important; }
.questionDropdown li a:hover, .questionDropdown li a:active, .questionDropdown li a:visited, .questionDropdown li a::after  {  margin-top: 5px!important; border-top:none!important; text-decoration:none!important; }


/*End: Ryan Top Navigation changes for Questions - 05/07/16*/