@media screen 
{    
    *                               {font-family:tahoma, sans-serif; margin:0px; padding:0px; font-size:12px;}
    body                            {font-size:90%; color:#333333; background-color:#ffffff; margin:auto;}
    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;}
    input                           {padding:4px; color:#333333; border:1px solid #cccccc;}
    input.button                    {cursor:pointer; text-align:center; color:#333333; background-image:url(img/nav/sidelink_off.png); background-repeat:repeat-x; background-color:#ededed; padding-top:6px; padding-bottom:6px; padding-left:10px; padding-right:10px;}
    input.button:active             {position:relative; top:1px;}
    input.button:hover              {border:1px solid #b6b6b6;}
    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;}

    #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; width:344px; height:60px; background-repeat:no-repeat;color:blue;}
    #headerlinks                    {float:right; margin-right:15px; margin-top:5px; color:#333333;}
    #headerlinks a                  {color:#333333;}

    textarea.responseInterface      { height:200px; }

   /* mock exam landing page */
    #landing                        {width:900px; margin:10px auto 0px auto;}
    .mock-headerimage               {display:block; width:344px; height:60px; background-repeat:no-repeat; margin:20px auto 10px auto;}
    #banner                         {background-image:url(img/bg-banner-edinburgh.png); width:100%; height:187px; background-repeat:no-repeat; margin:0px auto 30px auto; background-position:center center;}
    #bottom_banner                  {background-image:url(img/bg-est.png); width:100%; height:100px !important; background-repeat:no-repeat; }
    #instructions                   {width:40%; padding:20px; padding-top:0px; background-color:#eef2fe; color:#214565;}
    .heading                        {color:#bfae9c; font-weight:bold;}
    .final_row                      {border:solid 1px #1B496D; border-top:hidden; width:100%;}
    #mocks-container                {width:900px; margin:20px auto 0px auto; padding-bottom:80px; overflow:auto;}
    #mocks-container .mockexam      {float:left; width:450px;}

    #mocks-container .mock_repeater_table tr td     {font-size:14px;}
    #mocks-container .mock_repeater_header th       {text-align:left; padding:5px; padding-left:10px; background-color:#1b496d; color:#ffffff; width:100%; font-size:16px; font-weight:normal;}
    #mocks-container .mock_repeater_table           {width:100%;}
    #mocks-container .mock_repeater_table tr:hover  {background-color:#D6D9E0;}
    #mocks-container .mock_repeater_table .assname  {padding:10px; float:left; display:block;}
    #mocks-container .mock_button                   {display:none; border:none; background-color:#1b496d; font-size:14px; color:#ffffff; border-radius:15px; width:75px; text-decoration:none; cursor:pointer; float:right; margin-right:10px; margin-top:3px;}
    #mocks-container .mock_repeater_table tr:hover .mock_button                   {display:block;}
    #mocks-container .mock-table                    {border:1px solid #1b496d;}
    .mock_table                                     {border:2px solid #1b496d; vertical-align:top; display:inline-block !important;width:446px;}
    
    /* mock exam landing pag - mobile */
    img.mobile-header                               {width:344px; height:60px; margin:20px auto 10px auto;}
    .mock-gridview                                  {border:hidden; width:600px; margin-left:5%; line-height:75px; font-size:x-large; overflow-x:auto}
    .m-modalPopup                                   {background-color:#ffffff; border-width:1px; border-style:solid; border-radius:10px; border-color:#cccccc; padding:15px; width:600px; height:200px; overflow:hidden;}
    .m-modalPopupContent                            {width:80%; overflow:auto; overflow-x:hidden; font-size:30px !important; padding-left:20px; padding-top: 10px; margin:10px;}
    .mock_button                                    {background-color:#1B496d; font-size:14px; font-weight:500; color:#ffffff; border-radius:20px; width:150px; height:30px; text-decoration:none; cursor:pointer; line-height:30px; text-align:center;}
    
    /* accordion */
    .accordion                      {width:100%; height:100%; overflow:auto;}  
    .accordionHeader                {color:#ffffff; background-color:#1B496d; font-family:arial, sans-serif; font-size:20px; font-weight:bold; padding:5px; margin-top:5px; line-height:50px; min-height:50px; height:100%; cursor:pointer; overflow-x:hidden; text-align:left;}  
    .accordionContent               {text-align:left; background-color:#ffffff; border-top:none; padding:5px; padding-top:10px; font-size:16px; overflow:scroll;}  
    .accordionContent *             {font-size:16px;}     
    .accordionContent ol            {list-style-type:square; list-style-position:inside;}
        .accordionHeaderSelected {   
            color: white;  
            background-color: #1B496d;  
            font-family: Arial, Sans-Serif;  
            font-size: 25px;  
            font-weight: bold;  
            padding: 10px;  
            margin-top: 10px;  
            cursor: pointer;  
        }                 

    #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;}

    #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:#d33535 !important; margin-top:1em;}
    .success                        {display:block; color:#009900; margin-top:1em;}
    .selected                       {color:#222cd0;}
    .categoryname                   {display:block; margin-bottom:8px;}

    td.login-fail                   {color:#d33535 !important; padding-top:20px;}

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

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

    .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;}  

    table.gridview                  {width:100%; border:1px solid #dddddd; margin-top:1em;}
    table.gridview a                {margin-right:1.5em;}
    table.gridview tr td            {vertical-align:top;}
    table.gridview tr.row td        {height:auto; background-color:#ffffff; padding:9px; border:1px solid #dddddd;}
    table.gridview tr.footer td     {height:auto; background-color:#ffffff; padding:9px; border:1px solid #dddddd;}
    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-image:url(img/th.jpg); background-repeat:repeat-x; background-color:#1d24a8; color:#ffffff; padding:9px;}
    table.gridview tr.header td     {height:auto; background-color:#ffffff; padding:9px; border:1px solid #dddddd;}
    table.gridview tr.alternating td{height:auto; background-color:#f0f6f8; padding:9px; border:1px solid #dddddd;}
    table.gridview tr.noresults td  {padding:10px;}

    .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; height:600px; overflow-x:hidden; overflow-y:scroll;}
	.modalPopupQuit 			    {width:550px;}
	.modalPopupQuitBtn              {width:100px; padding:10px; height:40px; font-weight:bold;}
    .modalPopupContent              {width:840px; height:570px; overflow:auto; overflow-x:hidden; padding-right:25px;}
    .modalPopupButtons              {position:absolute; bottom:0px; padding-bottom:5px;}
    .mediaplayer                    {width:225px; height:145px; display:block; position:fixed; right:50px; top:350px;}

    /* exam css */
    img.maxheight                   {max-height:60px;}
    div#exam                        {height:100%; text-align:left; font-size:11px;}
    div#exam-header                 {text-align:left; width:100%; background-color:#ffffff; padding-top:40px; padding-bottom:50px;}
    div#exam-header-content         {width:90%; margin:0px auto 0px auto; text-align:left;}
    div[id$=_examlogo]              {background-color:transparent; width:344px; height:60px; float:left;}
    div#exam-info	                {color:#eeeeee; font-size:1.1em;}
    div#exam-title                  {float:right; font-size:18px; color:#393f92; font-weight:bold;}
    div#exam-time                   {text-align:left; float:right; font-size:12px; margin-right:25px; margin-top:20px;}    
    
    div .questiontext               {background-color:#ffffff !important; padding:15px; height:400px; overflow:auto;}
    div .questiontext ul            {list-style-position:inside;}
    div .quesionresponses           {background-color:#ffffff !important; padding:15px; margin-top:10px; height:400px; overflow:auto;}
       
    div#goldbar                     {width:100%; border-top:2px solid #a69767; border-bottom:2px solid #a69767; clear:both;}
    div#bluebar                     {width:100%; border-top:2px solid #003258; border-bottom:2px solid #003258; clear:both;}
    
    div .buttons                    {text-align:center;}

    div#exam-navigation             {background-color:#ffffff; width:90%; margin:0px auto 0px auto; padding-top:20px;}
    div#exam-navigation-container   {width:100%; background-color:#ffffff;}
    div#exam-content-container      {text-align:left; width:100%; background-color:#d5dfeb !important;}
    div#exam-content            {text-align:left; width:90%; margin:0px auto 0px auto; background-color:#d5dfeb !important; padding-top:25px;}
    div#exam-question           {min-height:300px; margin-top:20px;}
    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-title          {text-align:left; font-size:16px; color:#393F92; font-weight:bold;}
    div#question-title *        {font-size:16px; color:#393F92; font-weight:bold;}
    div#question-content        {background-color:#d5dfeb !important;}
    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#supplementary-text      {width:100%; height:470px; overflow: scroll; overflow-x:hidden; text-align:left; margin-top:15px;}
    div#question-selector-container	{ 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:middle;}
    div#question-selector td span	{ padding:5px; vertical-align:middle; text-align:center; vertical-align:middle;  padding-right:5px;}
    div#question-selector input		{ vertical-align:middle; padding-right:5px; }
    div#navigation-bottom			{ }
    div#navigation-left             { float:left; width:300px;}
    div#navigation-center           { text-align:center; margin:auto; width:350px;}
    div#navigation-right            { float:right; width:300px;}
    div#navigation-reset			{ float:left; margin:10px; }
    div#navigation-finish			{ margin-top:10px; }
    div#title { color:Red; font-size:100px;}

    span.timer-label                {padding:5px; border:1px solid #393f92;}

    .genericbutton                  {margin-top:10px; margin-bottom:10px; border:none; background-color:#393f92; color:#ffffff !important; padding:8px 20px 8px 20px; font-weight:bold; font-size:12px; cursor:pointer;}
    .genericbutton:hover            {background-color:#4850bf !important;}
    
    .yesiquitbutton                 {width:100%; margin-top:10px; margin-bottom:10px; border:none; background-color:#393f92; color:#ffffff; padding:8px 20px 8px 20px; font-weight:bold; font-size:12px; cursor:pointer;}
    .yesiquitbutton:hover           {background-color:#4850bf;}

    .nodontquitbutton               {width:100%; margin-top:10px; border:none; background-color:#000000; color:#ffffff; padding:8px 20px 8px 20px; font-weight:bold; font-size:12px; cursor:pointer;}
    .nodontquitbutton:hover         {background-color:#333333;}

    .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; }
    .sendResultsButtonOn {
        font-weight: bold;
        font-size: 12px;
        cursor: pointer;
        border: 2px solid #1E27B6;
        background: #3054CC;
        color: #fff;
        padding: 5px;
    }

    .sendResultsButtonOff {
        font-weight: bold;
        font-size: 12px;
        cursor: pointer;
        border: 2px solid ;
       
        color: #fff;
        padding: 5px;
    }
    
    .finishbutton                  {float:right; margin-top:10px; margin-bottom:10px; border:none; background-color:#992222; color:#ffffff; padding:8px 20px 8px 20px; font-weight:bold; font-size:12px; cursor:pointer;}
    .finishbutton:hover            {background-color:#bd3737;}
    
    .spellbutton  { margin-top:5px; }
    
    /* stop FF resizing textareas */
    textarea { resize: none; }
    
    .input-element { width:305px; }
    .right { float:right; }

    .leftCol                        {padding-left:0px !important; padding-right: 0px !important; display:inline-block; float:left !important;}
    .rightCol                        {padding-left:0px !important; padding-left: 0px !important; display:inline-block; float:right !important;}   

    .hidden { display:none!important; }

}

@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-image:url(img/bankersiphone.gif); 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; background-image:url(img/bankersiphone.gif); 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#exam-report { width:80%; }
	div.exam-finish	{padding-top:20px; }
	.modalPopup  {background-color:#ffffff; 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; }
	
	 #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-image:url(img/bankersiphone.gif); 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; 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; }
}

@media handheld, only screen and (orientation:landscape)
{
         /* Mobile */
    .m-header                                   { width:100%; max-width:400px; height:20%; padding-left: 25% }
    .mock-gridview                              {border:hidden; width:600px; margin-left:5%; line-height:75px; font-size:x-large; overflow-x:auto}
    .m-modalPopup                               {background-color:#ffffff; border-width:1px; border-style:solid; border-radius:10px; border-color:#cccccc; padding:15px; width:600px; height:200px; overflow:hidden;}
    .m-modalPopupContent                        {width:80%; overflow:auto; overflow-x:hidden; font-size:30px !important; padding-left:20px; padding-top: 10px; margin:10px;}
    .mock_button                                {background-color:#1B496d; font-size:14px; font-weight:500; color:#ffffff; border-radius:20px; width:150px; height:30px; text-decoration:none; cursor:pointer;}
    /* accordion */
        .accordion                              { width:100%; height:100%; overflow:auto}  
        .accordionHeader                        {    color: white;  background-color: #1B496d;  font-family: Arial, Sans-Serif;  font-size: 50px;  font-weight: bold;  padding: 50px;  margin-top: 10px; line-height:70px; min-height:50px; height:100%;  cursor: pointer; overflow-x:hidden;  }  
        .accordionHeaderSelected                {   color: white;  background-color: #1B496d;  font-family: Arial, Sans-Serif;  font-size: 50px;  font-weight: bold;  padding: 50px;  margin-top: 10px;  cursor: pointer;  }  
        .accordionContent                       {background-color: white;  border-top: none;  padding: 5px;  padding-top: 10px;font-size: 16px; overflow:scroll; }  
}

.uileft, .uiright   { cursor:e-resize; }
/*Page Loader*/
.exam-loading {position:fixed; top:50%; right:50%; z-index:10000}
.exam-loading img {width:24px}

.wrap {
    width: 100%;
   
    font-size: 0;
}
.resizable {
    width: 43%;
    display: inline-block;
}
.resizable2 {

}
.ui-resizable-e { 
    cursor: e-resize; 
    width: 16px; 
    right: -5px; 
    top: 0; 
    bottom: 0; 
    background-color: gray;
}
#exam-content {overflow:hidden;}
.o-comment:after {
    content:" "!important;
    width: 0; 
	height: 0; 
	border-left: 6px solid transparent;
	/*border-right: 4px solid transparent;*/
	border-top: 6px solid #f00;
    color:red;
    display:inline-block;
    position:relative; 
    float:right;
}
/*table#Exam1_ExamQuestion_DualEssay1_FpSpread1_viewport td.s0s4,
table#Exam1_ExamQuestion_DualEssay1_FpSpread1_viewport td.s3s16 {overflow:visible!important;}*/
#mirror .ui-resizable-e {background-color:transparent!important; width:50px!important; right:-1px!important;}
#mirror {background:url('/App_Themes/Assess/img/arrows.png') right no-repeat; height:40px; width:51.5%;}

.ajax__html_editor_extender_container { width: 100% !important; }
.quesionresponses nobr {float:left}

/*.indentchild {padding-left:18px!important;}*/