@media screen and (min-width: 1200px) 
{
   html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family: Arial, helvetica, sans-serif;
}

body
{
  background-color: #cfcfd3;
  background-image: url('images/gradient.png');
  background-repeat:repeat-x;
}
    .content {
      width: 1180px ;
      background: transparent;
      /* margin-top:52px; */
      margin-left: auto ;
      margin-right: auto ;
    }
#PageText
{
    line-height:1.3;
  }
    .header_content{
	    width: 1140px;
	    height: 127px;
	    background-image: url('images/header-background.jpg');
	    background-repeat:no-repeat;
        background-size:cover;
    }

    .header_shadow_left{
      background-image: url('images/shadow-top-left.png');
      background-repeat:no-repeat;
      padding-left:20px;
    }

    .header_shadow_right{
      background-image: url('images/shadow-top-right.png');
      background-repeat:no-repeat;
      background-position:right;
      padding-right:20px;
    }

    .content_placeholder {
      width: 1180px;
    }

    .content_page{
      width: 1140px ;
      min-height: 650px;
      background: white;
      padding-bottom:100px;
    }

    .content_page_body{
	    width:1140px;
	    padding-bottom:45px; 
  	    background-image: url('images/main_page_flash_shadow.gif');
	    background-repeat:repeat-x;
	    background-position:top;
	    min-height: 52px;
	
	
    }

    .content_page_single_column {
        float:left;
        padding:20px 20px 60px;
        width:1100px;
    }

    .content_page_header{
	    width:1140px;
	    height:78px;
  	    /*background-image: url('images/content_page_header.jpg');*/
  	    background-image: linear-gradient(to right, #475b8e, #303956);
	    background-repeat: no-repeat;
	    background-size:cover;
    }

    .content_page_header h1{
	    font-family: Arial, helvetica, sans-serif;
	    font-size: 1.625em;
	    font-weight: normal;
	    color: #ffffff;
	    padding-left: 245px;
	    padding-top: 27px;
	
    }

    .main_page_body{
	    width:1140px;
	    padding-bottom:100px;
    }


    .main_news{
	    padding-left: 20px;
	    line-height: 1.2;
    }
    .main_news>div
    {
       padding-right:15px;
       /*max-height:230px; 
       height:230;   both removed from inline */
     } 
     
     .main_news>div>.news_item:not(.news_item:nth-child(-n+2))
    {
        display:none;
        } 
        
    /*.main_news*/ 
    .news_date, .news_text
    {
        /*margin-bottom:7px;*/
        font-size:1rem;
    }
    
    .main_news .news_date, .main_news .news_text
    {
        font-size:1rem;
        font-family: Arial, helvetica, sans-serif;
        	    font-weight:bold;
    }
    .main_news .news_text
    {
        margin-bottom:7px;
        }

    .news_thumbnail_image
    {
        float:left;
        clear:left;
        padding: 0px 15px 5px 15px;
    }

    .main_news .news_brief_description>*
    {
        width: 300px;
        font-size:1.2rem; /* 0.75em removed from inline */
        float:none;
       
    }
    .news_brief_description>*
    {
        width: 300px;
        font-size:1rem; /* 0.75em removed from inline */
    }
    .news_brief_description+p, .news_page_left column .news_brief_description>p
    {
        font-size:1rem; 
        line-height:1.2;
       /* float:inline-end;*/
        margin-left: 96px;
    }

    .main_news h1{
	    font-family: Arial, helvetica, sans-serif;
	    font-size: 1.625rem;
	    color: #6c8dba;
	    padding-left:15px;
    }

    .main_news img{
      border: 1px solid #B1B5B5;
      margin-right:9px;
      float: left;
    }

    .news_item{
	    margin-top:30px;
	    /*display:grid;*/
    }


    .news_date{
	    font-family: Arial, helvetica, sans-serif;
	    font-weight: bold;
	    color: #3f516d;
	    line-height:1;
    }

    .news_page_left_column .news_date
    {
        line-height:1.7;
        }
    
    .news_more{
	    font-family: Arial, helvetica, sans-serif;
	    color: #9b2121;
	    font-size: .8em;
	    text-decoration:underline;
    }
    .news_more ~p{
          margin-left: 71px;
          width: 220px;
    }
    
    #more_news_btn{
        margin-left:auto;
        margin-right:auto;   
        display:block;
        text-align:center;
        width:50%;
        margin-top: 30px;
    }
    /*style="margin: 20px; float: right"*/

    .main_page_contents{
	    background-image: url('images/main_page_flash_shadow.gif');
	    background-repeat:repeat-x;
	    background-position:top;
	    min-height: 52px;
    }

    .main_page_contents_text{
	    padding-top:35px;
	    padding-right:120px;
	    padding-left:70px;
	    line-height:1.4;
	    font-size:1.1rem;
    }

    .main_page_contents_text p 
    {
        padding-bottom:10px;
    }

    .main_page_contents_text h1{
	    font-size: 1.625em;
	    color: #6c8dba;
	    margin-bottom:12px;
    }


    .main_page_separator{
	    background-image: url('images/main_page_separator.gif');
	    background-repeat:no-repeat;
	    background-position:top;
	    float:left;
	    width:47px;
	    height: 465px;
    }


    .main_flash{
	    /*background-image: linear-gradient(to right, grey, navy);*/
	    background-image: url('images/mainpage_flash_106px.jpg');
	    background-color:#303956;
	    background-repeat:no-repeat;
	    padding-left:70px;
	    padding-top:20px;
	    /*padding-right:10px;*/
	    /*width:543px;*/
	    height:86px;

    }


    .main_flash h1{
	    font-size: 1.625em;
	    color: #6c8dba;
	    margin-bottom:12px;
    }

    .main_flash p{
	    color: #FFFFFF;
	    font-size: 1em;

    }
    
    #news_page_header
    {
        padding-left:360px;
        }

    .news_page_left_column
    {
	    float:left;
	    width:312px;
	    padding-top:16px;
	    padding-left:15px;
	    max-height:650px; 
	    overflow-y:scroll;
	    overflow-x:clip;
	    /*scroll-bars="Auto";*/
    }

    .news_page_left_column .news_brief_description
    {
        /*float:left;
        width:240px;*/
        padding-left:15px;
    }


    .content_page_left_column{
	    float:left;
	    /*width:273px;*/
	    padding-top:16px;
    }

    .content_page_left_column ul{
	    margin:0;
	    padding:0;
	    width:auto;
	    list-style:none;
    }

    .content_page_left_column li{
	    padding-left:36px;
	    width: 173px;
	    padding-top: 10px;
	    padding-bottom: 11px;
    }


    .content_page_separator{
	    background-image: url('images/content_page_separator.gif');
	    background-repeat:no-repeat;
	    background-position:top;
	    float:left;
	    width:35px;
	    height: 485px;
    }


    .content_page_left_column li.active{
	    background-color: #ebedf2;
    }

    .content_page_left_column a{
	    /*font-weight: normal;*/
	    font-size:0.95em;
	    font-weight:500;
	    text-decoration:underline;
	    color: #606d92;
	
    }


    .content_page_right_column{
	    float:left;
	    width:800px; /*600px   removed from inline*/
	    padding-top:23px;
	    padding-right:13px;
    }

    .content_page_contents_text 
    {
        padding-right:17px;
        float: left;
        width: 740px;
        margin:auto;
    }

    .content_page_contents_text h2{
	    color: #606d92;
	    font-size: 1.2em;
	    padding-bottom: 11px;
    }

    .content_page_contents_text p, .content_page_contents_text li{
	    font-size: 1em;
	    padding-bottom: 10px;
	    line-height:1.3;
    }

    .content_page_contents_text li{
	    margin-left: 1em;
    }

    .content_page_contents_text ul {
        list-style: disc outside none;
    }


    .content_page_contents_text .annotation{
	    color: #606d92;
	    font-size: 0.95em;
    }






   .main_page_left_column{
	    float:left;
	    width:402px;
	    /*padding-left: 45px;*/
    }
    /*.main_page_left_column>* :not(img)
    {
        margin-left: 45px;
    }*/

    .main_page_left_column>img
    {
        width:402px;
        height:auto;
        padding-left:0px;
    }
     .main_page_right_column{
	    float:left;
	    width:738px;
    }
    .clear{
      clear: both;
    }

    .MainNavMenu
    {
       float:left;
       width:100%;
    }

    .SignIn, .SignOut
    {
        color:#252f4b;
        text-align:center;
        float: right;
        margin-top:10px;
        margin-right:15px;
        font:120%;
    }

    .SignIn a, .SignOut a
    {
        color:#FFFFFF;
        text-decoration: underline;
        /*font-weight:bold;*/
        margin-left:5px; 
        margin-right:5px;
    }

    .content_navigation{
      width: 1140px ;
      height: 31px;
      background: #4b4b4b;
    }


    .content_shadow_left{
      background-image: url('images/shadow-content-left.png');
      background-repeat:repeat-y;
      padding-left:20px;
    }

    .content_shadow_right{
      background-image: url('images/shadow-content-right.png');
      background-repeat:repeat-y;
      background-position:right;
      padding-right:20px;
    }

    /* FOOTER */

    .footer {
      width: 1180px ;
      height: 180px;
      margin-bottom:30px;
    }

    .footer_content{
	    width: 1140px ;
	    height: 139px;
	    padding-top:21px;
	    background-color: #e6e7eb;
        background-image: url('images/footer-logo.gif');
	    background-position:top right;
	    background-repeat:no-repeat;
    }

    .footer_stripe{
	    width:1100px;
	    height:24px;
	    padding-left: 37px;
        background-color: transparent;
	    background-image: url('images/footer-stripe.png');
	    background-repeat:no-repeat;

    }

    .copy{
	    width: 387px;
	    font-size:0.8em;
	    padding-top:4px;
	    float:left;
	    color:white;
	    vertical-align: middle;
    }

    .footer_shadow{
        background-image: url('images/shadow-footer.png');
        /* background-repeat:no-repeat; */
	    background-position:bottom;
        height: 190px;
	    width: 1140px ;
    }

    .footer_shadow_left{
      background-image: url('images/shadow-footer-left.png');
      background-repeat:no-repeat;
      padding-left:20px;
      height: 190px;
    }

    .footer_shadow_right{
      background-image: url('images/shadow-footer-right.png');
      background-repeat:no-repeat;
      background-position:right;
      padding-right:20px;
      height: 190px;
    }


    .validation-summary-errors
    {
        color: Red;
    }

    #logo_img
    {
        width: 202px;
        height: 95px;
    }
    .logo img{
      margin-left:40px;
      margin-top:22px;
    }

    .logo
    {
	    float:left;
    }


    /* Forms */


    * { margin: 0; padding: 0; }   
    a img { border: 0; }
    a {
        color:#333333;
        text-decoration:underline;
    }
    ul { list-style: none; }

    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    /*   	font-family: "Trebuchet MS", Verdana, Sans-Serif; */
    }


    .center_wrap {
	    width: 500px;
	    margin: 0 auto;
	    text-align: left;
	    font-size: 80%;
    }
    
    .center_wrap p { margin: 10px 0; }


    .left_wrap {
	    width: 600px;
	    margin: 0 40px;
	    text-align: left;
	    font-size: 80%;
    }

    .left_wrap p { margin: 10px 0; }


    .clear {
	    height: 1px;
	    clear: both;
	    margin-top: -1px;
	    overflow: hidden;
    }
    .clearfix:after {
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
    }


    #public_wrap_sm{ margin-bottom:50px; }
    #public_wrap_sm p { padding-left: 85px; }	
    #public_wrap_sm .error p { margin: 0; }
    #public_wrap_sm .error label { margin-top: -8px; }	

    #public_wrap_sm + a {
        font-size: 1rem;
    }
    #public_wrap_sm input {
        width:250px;
    }

    #public_wrap_sm p label {
		    margin-left: -85px;
		    padding-top: 5px;
		    width: 70px;
	    }

    #public_wrap_sm .editor-field
    {
        clear: both;
    }

    small { font-size: 90%; }
    h2.form-title, h3.form-title, h4.form-title, h5.form-title { font-weight: normal; }
    h2.form-title { font-size: 185%; margin: 25px 0; /*padding: 0 0 10px 20px;*/ border-bottom: 1px solid #ccc; }

    /* Form Elements */
	    label { font-weight: bold; }	
	    input, textarea, select { font: 100% "Lucida Grande", "Lucida Sans Unicode", Verdana, Sans-Serif; }
	    input, textarea {
		    line-height: 130%;
		    color: #535353;
		    padding: 5px;
		    background: #eee;
		    border-top: 1px solid #d1d1d1;
		    border-left: 1px solid #d1d1d1;
		    border-right: 1px solid #e9e9e9;
		    border-bottom: 1px solid #e9e9e9;
	    }
	    input:focus, textarea:focus { background: #f7f7f7; }
	    fieldset { border: 0; }
	
	    button, .button, .button:active, .button:focus {
		    border: 0;
		    cursor: pointer;
		    background: #485c93 url(/Assets/Common/Images/bg_button.gif) 0 100% repeat-x;	
		    font: 135% "Trebuchet MS",Verdana,Sans-Serif;
		    color: #fff;
		    padding: 6px 12px;
	    }
	    button.sm, .sub_form_sm button {
		    font-size: 100%;
		    padding: 4px 10px;
	    }
	    button:hover, .button:hover { padding: 5px 11px; }
	    button.sm:hover, .sub_form_sm button:hover { padding: 3px 9px; }
	    label {
		    /*font-weight: bold;*/
		    text-align: right;
		    float: left;
		    font-size: 110%;
	    }
	    input {
		    border: 1px solid #b3b3b3;
		    padding: 5px;
		    font: 110% "Trebuchet MS",Verdana,Sans-Serif;
		    background: #fff url(/Assets/Common/Images/bg_input.gif) bottom left repeat-x;
	    }
	
	    input.file{
		    border: 1px solid #b3b3b3;
		    padding: 5px;
		    font: 110% "Trebuchet MS",Verdana,Sans-Serif;
		    background: #fff url(/Assets/Common/Images/bg_input.gif) bottom left repeat-x;
	    }
	
	    input:focus, input:hover, button:hover, .button:hover { border: 1px solid #10b8d6; }
	    #home .check, #signup .check, .check, #pop_signup .check, #public_wrap .check, #public_wrap_sm .check, #pop_signup_body #remember_me {
		    width: auto;
		    height: auto;
		    border: 0;
		    background: transparent;
	    }
	    .error {
		    background: #fffac0;
		    /*padding: 20px 10px 10px;*/
		    /*margin: 0 0 20px;*/
	    }	
	    .error label, #signup_wrap .error label, #home .error label {
		    color: #d1a10f;
		    padding: 0 10px 0 0;
		    font-size: 180%;
		    line-height: normal;
		    margin-top: -5px;
	    }
	    .form_pad .fieldWithErrors{	
		    display:inline;
		    margin-left:20px;
	    }
	    .fieldWithErrors input{	
		    border:1px solid #FF3366;
	    }
	    input.radio {
		    width: auto;
		    padding: 0;
		    background: transparent;
		    border: 0;
	    }
	    .success, #playlist-message p {
		    background: #d3f0d1;
		    border: 1px solid #b5e2b2;
		    padding: 10px;
		    margin: 0;
	    }	
	    #playlist-message p {
		    margin: 10px 0 20px;
	    }
	    .need_log {
		    padding: 20px;	
		    margin-top: 10px;
		    border: 1px solid #fff6aa;
		    background: #fffac0;
	    }
	    /* @end */






    /* 
     * jquery.ui.potato.menu
     * 
     * Copyright (c) 2009 makoto_kw (makoto.kw@gmail.com)
     * Dual licensed under the MIT and GPL licenses.
     * 
     * Version: 1.0
     */
    ul.potato-menu {
	    margin:0;
	    padding:0;
	    width:auto;
	    list-style:none;
    }
    .potato-menu:after {
	    content: " ";
	    display: block;
	    visibility: hidden;
	    clear: both;
	    height: 0.1px;
	    font-size: 0.1em;
	    line-height: 0;
    }
    ul.potato-menu li.potato-menu-item {
	    margin:0;
	    padding:0;
	    position:relative;
	    list-style:none;
	    list-style-position:outside;
	    display:inline;
	    float:left;
    }
    ul.potato-menu li.potato-menu-item a {
	    display:block;
	    text-decoration:none;
	    white-space:nowrap;
	    outline:0;
    }
    ul.potato-menu ul.potato-menu-group {
	    margin:0;
	    padding:0;
	    -webkit-padding-start:0;
	    -webkit-padding-end:0;
	    position:absolute;
	    display:none;
	    z-index:1000;
    }



    /*
        SPECIFIC STYLES
    */

    ul.potato-menu ul.potato-menu-group {
	    white-space:normal;
    }


    .potato-menu .first-menu-item{
	    background-image: none;	
    }

    li.potato-menu-item {
	    font-size:0.95em;
	    font-weight:500;
	    font-family: Arial, helvetica, sans-serif;
	    text-align:center;
	    text-decoration:underline;
	    color:#ffffff;
    }

    .potato-menu-group .potato-menu-item{
	    text-align:center;
	    height: auto;
    }

    ul.potato-menu-vertical li.potato-menu-item a{
	    white-space:normal !important;
    }

    .potato-menu-group .potato-menu-item:hover{
	    background: #4b4b4b;
    }


    ul.potato-menu-group {
	    /*border-top: 1px solid #666;*/
	    background: #5d5d5d;
    }

    ul.potato-menu-group a {
	    width: 160px;
	    height: auto;
	    background-image: none;	
	    padding: 7px 7px 5px !important;
    }

    ul.potato-menu-group li {
	    height: auto;
    }

    .potato-menu a {
	    padding:7px 12px 7px 12px;
	    height:17px;
	    color: #fff;
	    padding-right:20px;
	    width:100px;
	    background-image:url('images/separator.png');
	    background-position:left;
	    background-repeat:no-repeat;
    }
    .potato-menu a:hover {
	    /*background: #666;*/
    }
    .potato-menu-has-vertical > a {
	    /*background: #333 url(/images/icons/fammini/arrow_down.gif) right no-repeat;*/
	
    }
    .potato-menu-has-holizontal > a {
	    /*background: #333 url(/images/icons/fammini/arrow_right.gif) right no-repeat;*/
    }
    .potato-menu-has-vertical > a:hover {
	    /*background: #666 url(/images/icons/fammini/arrow_down.gif) right no-repeat;*/
	
    }
    .potato-menu-has-holizontal > a:hover {
	    /*background: #666 url(/images/icons/fammini/arrow_right.gif) right no-repeat;*/
    }

    .login-form-input-wrapper
    {
        background: url("images/login-input.png") repeat-x scroll left bottom;
        height: 29px;
        width: 136px;
        float: left;
        margin-top:-3px;
    }

    .login-form-input
    {
        border: none;
        font: 75% Arial, helvetica, sans-serif;
        height: 15px;
        padding-bottom: 1px;
        padding-top: 1px;
        padding-left: 0px;
        padding-right:0px;
        background: transparent;
        width: 90px;
        margin: 7px 0 0;
    }

    .login-form-input:focus
    {
        background: transparent;
        border: 0;
        outline:none; 
    }

    .login-form-submit:focus
    {
        border: 0;
        outline:none; 
    }

    .login-form-input:hover
    {
        background: transparent;
        border: 0;
    }

    .login-form-submit:hover
    {
        border: 0;
    }

    .login-form-spacer
    {   
        float:left;
        height: 17px;
        width: 5px;
    }

    .SignIn
    {
        width: 380px;
        margin-top:90px;
    }

    .login-form-links
    {
        float:left;
        height: 17px;
    }

    .login-form-submit
    {
        float:left;
        height: 32px;
        width: 84px;
        background: url("images/login-button-combined.png") repeat-x scroll left bottom;
    }

    .login-form-submit:hover
    {
        background: url("images/login-button-combined.png") repeat-x scroll left bottom;    
        background-position: -84px;
    }

    button::-moz-focus-inner {
      border: 0;
    }
    
    #license-table
    {
        overflow:auto;
        width:auto;
     }
     
     .content_page_contents_text ol li ul
      {
          margin-left:40px;
          }
          


}

@media screen and (max-width: 1200px) {
*{
    font-family: Arial, helvetica, sans-serif;
    font-size:98%;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 98%;
	vertical-align: baseline;
	background: transparent;
	font-family: Arial, helvetica, sans-serif;
}

body
{
  background-color:  #cfcfd3;
  background-image: url('images/gradient.png');
  background-repeat:repeat-x;
}
.content {
  width: 100%;
  min-width:320px;
  /*width:355px;*/
  background: transparent;
      /* margin-top:52px; */
      /*margin-left: auto ;
      margin-right: auto ; */
}

   .header_content{
	    width: 100%;
	    height: 90px;
	    background-image: url('images/header-background.jpg');
	    background-repeat:no-repeat;
        background-size:cover;
        display:grid;
        justify-content:center;
        grid-template-columns:52% 48%;
        padding-bottom:10px;
    }

    .header_shadow_left{
      background-image: url('images/shadow-top-left.png');
      background-repeat:no-repeat;
      padding-left:10px;
      /*box-shadow: 10px 0 5px -2px x black;*/
    }
    
     .content_page::before
    {
    content: '';
    position: absolute;
    top: 0;
    left: 8px; /* Adjust this value to control the distance of the shadow from the element */
    filter:blur(3px);

    width: 5px; /* Adjust this value to control the width of the shadow */
    background-color: rgba(0,0,0,0.5); /* Adjust the color and opacity of the shadow */
    z-index: -1; /* Ensure the shadow is behind the element */
    }

    .content_page::after 
    {
    content: '';
    position: absolute;
    top: 0;
    right: 8px; /* Adjust this value to control the distance of the shadow from the element */

    width: 5px; /* Adjust this value to control the width of the shadow */
    background-color: rgba(0, 0, 0, 0.5); /* Adjust the color and opacity of the shadow */
    z-index: -1; /* Ensure the shadow is behind the element */
    filter: blur(3px); /* Adjust this value to control the amount of blur */
    }    
    .header_shadow_right{
      background-image: url('images/shadow-top-right.png');
      background-repeat:no-repeat;
      background-position:right;
      padding-right:10px;
     /* box-shadow: -5px 0px 3px black;  /*3px-blur */
    }

    .content_placeholder {
      /*width: 1180px ;*/
    }

    .content_page{
     /* width: 1140px;
      min-height: 650px; */
      background: white;
      padding-bottom:50px;
      /*display:flex;
      flex-direction:row;*/
    }

    .content_page_body{
	   /* width:1140px;*/
	    padding-bottom:45px;
  	    background-image: url('images/main_page_flash_shadow.gif');
	    background-repeat:repeat-x;
	    background-position:top;
	    min-height: 52px;
    }
    .content_page_body_inner
    {
        padding:15px;
        }

    .content_page_single_column {
        float:left;
        padding:20px 20px 60px;
        /*width:1100px;*/
    }

    .content_page_header{
	    /*width:1140px;*/
	    height:45px;
  	    background-image: linear-gradient(to right, #475b8e, #303956);
	    background-repeat: no-repeat;
	    background-size:cover;
    }

    .content_page_header h1
    {
	    font-family: Arial, helvetica, sans-serif;
	    font-size: 1.4rem;
	    font-weight: normal;
	    color: #ffffff;
	    /*padding-left: 363px;*/
	    padding-top: 12px;
	    /*padding-left:40px;*/
	    text-align:center;
    }



    .main_page_body{
	    /*width:1140px;*/
	    padding-bottom:25px;
    }


    .main_news{
	    line-height: 95%;
	 /*padding:0px 10px 0px 15px; */
    }
    .news_item>p
    {
        font-size:1rem;}

/*main_news>div
    {
        display:flex;
        flex-direction:row;
        z-index:100;
        position:absolute;
        overflow:scroll;
    } */
    .main_news>div>.news_item:not(.news_item:nth-child(-n+2))
    {
        display:none;
        } 
    .news_thumbnail_image
    {
        float:left;
        min-width:35px;
        margin: 7px 0px 10px 15px;
    }
    .news_page_left_column .news_thumbnail_image
    {
         margin-left:17px;
        }

    .news_brief_description
    {
      /*float:right;
       width:400px;*/
        display:grid;
        padding-left:15px;
        margin-top:7px;
        min-width:100px;
    }
    .news_brief_description+p
    {
        /*clear:both;
        padding-left:15px;*/
        text-align:left;
        font-size:1em;
        line-height:1.2;
        display:flex;
        padding-left:15px;
    }
    .news_more ~p{
        font-size:0.9em;
        line-height:1.1;
    }
    
    .main_news>div
    {
       height:auto;
       overflow:hidden;
        }
        
    .main_news h1{
	    font-family: Arial, helvetica, sans-serif;
	    font-size: 1.4rem;
	    color: #6c8dba;
        padding-left:15px;
        padding-top:40px;
    }
    
    .main_news .news_date, .news_text
    {
        margin-bottom:7px;
    }
    

    .main_news img{
      border: 1px solid #B1B5B5;
     /* margin-right:9px;*/
      float: left;
      width:30px;
      height:auto;
    }

    .news_item{
	    margin-top:15px;
        font-size:1.1em;
	    /*display:grid;*/
    }
    .main_news .news_item
    {
         padding-right: 10px;}

    .news_date{
	    font-family: Arial, helvetica, sans-serif;
	    font-size: 1.1em;
	    font-weight: bold;
	    color: #3f516d;
    }

    .news_text{
	    font-size: 1.1em;
	  /*padding:15px;*/
    }
    .main_news .news_text
    {
        max-width:90%;}

    .news_more{
	    font-family: Arial, helvetica, sans-serif;
	    color: #9b2121;
	    font-weight:bold;
	    font-size: 0.9em;
	    text-decoration:underline;
    }
    
    #more_news_btn{
        margin-left:auto;
        margin-right:auto;   
        display:block;
        text-align:center;
        margin-top: 30px;
    }
    /*style="margin: 20px; float: right"*/
   

    .main_page_contents{
	    background-image: url('images/main_page_flash_shadow.gif');
	    background-repeat:repeat-x;
	    background-position:top;
	    min-height: 52px;
	 /* margin-top:250px; */
    }

    .main_page_contents_text{
	    padding:7%;
	    padding-top:25px;
	    font-size:1rem;
	    line-height:1.4;
    }

    .main_page_contents_text p 
    {
        padding-bottom:10px;
    }

    .main_page_contents_text h1                     /**/
    {
        display:none;
	    font-size: 1.25em;
	    color: #6c8dba;
	    margin-bottom:12px;
    }


    .main_page_separator{
	    background-image: url('images/main_page_separator.gif');
	    /*display:none;*/
	    background-repeat:no-repeat;
	    background-position:top;
	    float:left;
	    width: 5%;
	    height: 465px;
    }


    .main_flash{
	    /*background-image: linear-gradient(to right, #475b8e, #303956);*/
	    background-image: url('images/mainpage_flash_106px.jpg');
	    background-position-x: -10px;
        background-position-y: 40%;
        background-size: cover;
        
	    background-color:#303956;
	    background-repeat:no-repeat;
	    padding-bottom:15px;
	    padding-left:7%;
	    padding-right:7%;
	    padding-top:15px;
	   /* width:543px;*/
	    /*height:85px;*/
	    
        /*width: 543px;*/
        
        height: auto;
        max-height:290px;
        /**/
    }


    .main_flash h1{
	    font-size: 1.5em;
	    color: #6c8dba;
	    margin-bottom:5px;
	    text-align:left;
    }

    .main_flash p{
	    color: #FFFFFF;
	    font-size: 1.2em;
        text-align:left;
    }

    .news_page_left_column
    {
	    float:left;
	    /*width:312px;*/
	    padding-top:16px;
	    max-height:600px; 
	    overflow-x:scroll;
        width:92%;
        display:flex;
        margin-left:4%;
        margin-right:4%;
	    /*scroll-bars="Auto";*/
    }

    .news_page_left_column .news_brief_description
    {
        float:left;
        width:150px;
        padding-left:15px;
    }
    #NewsTitle
    {
        padding-top: 50px;
    }


    .content_page_left_column{
	    /*width:273px;*/
	    padding-top:16px;
	    /*margin-left:40px;*/
    }

    .content_page_left_column ul{
	    margin:0;
	    padding:0px 10%;
	    list-style:none;
	    display:grid;
	    grid-template-columns: 1fr 1fr;
	    /*display:flex;
	    flex-wrap:wrap;*/
	    column-gap:5px;
	    font-size:1rem;
    }

    .content_page_left_column li
    {
        /*width:100%;*/
        width:49%;
	    /*margin: auto;*/
	    margin-bottom:15px;
        /*justify-content: center;*/
        max-height:100%;
        padding-left:5px;
    }

   /* .content_page_left_column li:nth-child(-n+6) {
        grid-column: 1;
        }
    .content_page_left_column li::nth-child(n+7) {
        grid-column: 2;  
        } */

    .content_page_separator
    {
        display:none;
	    background-image: url('images/content_page_separator.gif');
	    background-repeat:no-repeat;
	    background-position:top;
	    float:left;
	    width:35px;
	    height: 485px;
    }


    .content_page_left_column li.active{
	    background-color: #ebedf2;
    }

    .content_page_left_column a{
	    font-weight: normal;
	    font-size:0.95em;
	    font-weight:500;
	    text-decoration:underline;
	    color: #606d92;
	    vertical-align: -moz-middle-with-baseline;
    }


    /*.content_page_right_column{
	    padding-top:10px;
    }*/

    .content_page_contents_text 
    {
        padding:7%;
        padding-top:40px;
        font-size:1rem;
        line-height:1.4;
        /*float:right;*/
        /*width: 550px;   removed from inline*/
       /* width: 740px;*/
    }

    .content_page_contents_text h2{
	    color: #606d92;
	    font-size: 1.2em;
	    padding-bottom: 11px;
        display:inline-block;
    }

    .content_page_contents_text p, .content_page_contents_text li{
	    font-size: 1rem;
	    padding-bottom: 10px;
	    line-height:1.4;
    }
     .content_page_contents_text p:first-line
     {
         min-width: 200px;}

    .content_page_contents_text li{
	    margin-left: 1em;
	    text-align:left;
    }

    .content_page_contents_text ul {
        list-style: disc outside none;
    }


    .content_page_contents_text .annotation{
	    color: #606d92;
	    font-size: 0.95em;
    }

    .content_page_contents_text img:not(img[src$=".gif"]):not(a[href="http://amtmarine.ca/backend/License/RequestQuote"]>img, #PageText img[src="http://amtmarine.ca/Assets/Common/Uploads/image/Company/Autoship.png"], img[src="http://amtmarine.ca/Assets/Common/Uploads/image/Company/Coastdesign.png"], img[src="http://amtmarine.ca/Assets/Common/Uploads/image/Company/Europacific.png"])
    {
        max-width:90%;
        /*max-width:85%;
        width:40vw;
        min-width:150px;
        height:auto;
        float:right;*/
        margin:10px;
     }
    
   /*#PageTitle, #PageTitle+p, #PageTitle+div 
   {
       text-align:center;
   }*/

    /*#PageText>p:nth-child(-n+6), #PageTitle
    {
        padding-left:30px;
    }*/

    .main_page_left_column{
	    float:left;
	    width:35%;
	    /*padding-left: 45px;*/
    }

    .main_page_left_column img
    {
        width:100%;
        height:auto;
        
    }
     .main_page_right_column{
	    width:65%;
	    float:right;
    }
    .clear{
      clear: both;
    }

    .MainNavMenu
    {
       width:100%;
       /*float:left;*/
       padding:0px;
       /*position:relative;
       z-index:100;*/
    }
    .MainNavMenu li
    {
        text-align:center;
        font-size:0.95em;
        min-height:25px;
      /* padding-left:10px;
       margin-right:0px;*/
    }
    
    .content_navigation+div
    {
      min-height:650px;
    }
    
    

    .SignIn, .SignOut
    {
        color:#252f4b;
        text-align:center;
        float: right;
        margin-top:10px;
        /*margin-right:15px;*/
        font:120%;
    }

    .SignIn a, .SignOut a
    {
        color:#FFFFFF;
        text-decoration: underline;
        /*font-weight:bold;*/
        margin-left:5px; 
        margin-right:5px;
    }

    .content_navigation
    {
      background: #4b4b4b;
      font-size:1rem;
      /*float:left;*/
    }


    .content_shadow_left{
      background-image: url('images/shadow-content-left.png');
      background-repeat:repeat-y;
      padding-left:10px;
    }

    .content_shadow_right{
      background-image: url('images/shadow-content-right.png');
      background-repeat:repeat-y;
      background-position:right;
      padding-right:10px;
   
    }

    /* FOOTER */

    .footer {
      /*width: 1180px ;*/
      height: 180px;
      /*margin-bottom:30px;*/
    }

    .footer_content{
	   /* width: 1140px ;*/
	    height: 139px;
	    padding-top:21px;
	    background-color: #e6e7eb;
        background-image: url('images/footer-logo.gif');
	    background-position:top right;
	    background-repeat:no-repeat;
	     box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
    }

    .footer_stripe{
	    /*width:1100px;*/
	    height:24px;
	    padding-left: 37px;
        background-color: transparent;
	    background-image: url('images/footer-stripe.png');
	    background-repeat:no-repeat;

    }

    .copy{
	    /*width: 387px;*/
	    font-size:0.8em;
	    padding-top:4px;
	    float:left;
	    color:white;
	    vertical-align: middle;
    }

    .footer_shadow{
        /*background-image: url('images/shadow-footer.png');*/
        /* background-repeat:no-repeat; */
	    background-position:bottom;
        height: 190px;
	    /*width: 1140px ;*/
    }

    .footer_shadow_left{
      /*background-image: url('images/shadow-footer-left.png');*/
      background-repeat:no-repeat;
      padding-left:10px;
      height: 190px;
    }

    .footer_shadow_right{
      /*background-image: url('images/shadow-footer-right.png');*/
      background-repeat:no-repeat;
      background-position:right;
      padding-right:10px;
      height: 190px;
    }


    .validation-summary-errors
    {
        color: Red;
    }

        
    .logo img{
      /*margin-left:40px;*/
      margin-left:20px;
      margin-top:30px;
     
      width: 100px;
      height: auto;
    }

    .logo
    {
    }


    /* Forms */


    * { margin: 0; padding: 0; }   
    a img { border: 0; }
    a {
        color:#333333;
        text-decoration:underline;
    }
    ul { list-style: none; }

    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    /*   	font-family: "Trebuchet MS", Verdana, Sans-Serif; */
    }


    .center_wrap {
	   /* width: 700px;*/
	    margin: 0 auto;
	    text-align: left;
	    font-size: 1em;
	    padding:0px 15px;
    }
    /*.center_wrap>*:not(h2), .center_wrap>*:not(form){
        margin-left:20px;
}*/
    .center_wrap form legend+p{
    margin-top:20px;
}

    .left_wrap {
	    /*width: 600px;*/
	    margin: 0 40px;
	    text-align: left;
	    font-size: 80%;
	    max-width :90vw;
    }

    .left_wrap p { margin: 10px 0; }

    .clear {
	    height: 1px;
	    clear: both;
	    margin-top: -1px;
	    overflow: hidden;
    }
    .clearfix:after {
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
    }


    #public_wrap_sm p { padding-left: 85px; }	
    .center_wrap p:not(:last-child) { margin-top: 10px; }
    #public_wrap_sm button
    {
        margin:0px 5px 15px 0px;
        }
    #public_wrap_sm .error p { margin: 0; }
    #public_wrap_sm .error label { margin-top: -8px; }	

     #public_wrap_sm input:not(#NotificationsEnabled) {
        min-width:20vw;
    }

    #public_wrap_sm p label {
		    margin-left: -85px;
		    padding-top: 5px;
		    width: 70px;
	    }

    #public_wrap_sm .editor-field
    {
        clear: both;
    }

    #public_wrap_sm+a
	    {
	        font-size:0.9rem;
	        margin-bottom:50px;
	    }
    small { font-size: 90%; }
    h2.form-title, h3.form-title, h4.form-title, h5.form-title, .form-title~p, legend { font-weight: normal; text-align:center; width:100%; }
    h2.form-title { font-size: 1.2rem; margin: 25px 0; padding: 0 0 10px 0px; border-bottom: 1px solid #ccc; }

    /* Form Elements */
	    label { font-weight: bold; }	
	    input, textarea, select  
	    {
	        font: 100% "Lucida Grande", "Lucida Sans Unicode", Verdana, Sans-Serif; 
	    }
	    select
	    {min-width:26px;}
	    
	    input, textarea {
		    line-height: 130%;
		    color: #535353;
		    padding: 5px;
		    background: #eee;
		    border-top: 1px solid #d1d1d1;
		    border-left: 1px solid #d1d1d1;
		    border-right: 1px solid #e9e9e9;
		    border-bottom: 1px solid #e9e9e9;
		    min-width:70px;
	    }
	    input:focus, textarea:focus { background: #f7f7f7; }
	    
	    fieldset  
	    {
	        border: 0; 
	        margin-bottom:30px;
	        width:70vw;
	        max-width:350px;
	        margin:auto;
	        margin-top: 30px;
	    }
	
	    button, .button, .button:active, .button:focus {
		    border: 0;
		    cursor: pointer;
		    background: #485c93 url(/Assets/Common/Images/bg_button.gif) 0 100% repeat-x;	
		    font: 135% "Trebuchet MS",Verdana,Sans-Serif;
		    color: #fff;
		    padding: 6px 12px;
	    }
	    button.sm, .sub_form_sm button {
		    font-size: 100%;
		    padding: 4px 10px;
	    }
	    button:hover, .button:hover { padding: 5px 11px; }
	    button.sm:hover, .sub_form_sm button:hover { padding: 3px 9px; }
	    label {
		    /*font-weight: bold;*/
		    text-align: right;
		    float: left;
		    font-size: 110%;
	    }
	    input {
		    border: 1px solid #b3b3b3;
		    padding: 5px;
		    font: 110% "Trebuchet MS",Verdana,Sans-Serif;
		    background: #fff url(/Assets/Common/Images/bg_input.gif) bottom left repeat-x;
	    }
	
	    input.file{
		    border: 1px solid #b3b3b3;
		    padding: 5px;
		    font: 110% "Trebuchet MS",Verdana,Sans-Serif;
		    background: #fff url(/Assets/Common/Images/bg_input.gif) bottom left repeat-x;
	    }
	
	    input:focus, input:hover, button:hover, .button:hover { border: 1px solid #10b8d6; }
	    #home .check, #signup .check, .check, #pop_signup .check, #public_wrap .check, #public_wrap_sm .check, #pop_signup_body #remember_me {
		    width: auto;
		    height: auto;
		    border: 0;
		    background: transparent;
	    }
	    #rememberMe
	    {
	        margin-bottom:20px;
	        }
	    iframe
	    {
	        max-width:70vw;}  
	    .error {
		    background: #fffac0;
		    /*padding: 20px 10px 10px;*/
		    /*margin: 0 0 20px;*/
	    }	
	    .error label, #signup_wrap .error label, #home .error label {
		    color: #d1a10f;
		    padding: 0 10px 0 0;
		    font-size: 180%;
		    line-height: normal;
		    margin-top: -5px;
	    }
	    .form_pad .fieldWithErrors{	
		    display:inline;
		    margin-left:20px;
	    }
	    .fieldWithErrors input{	
		    border:1px solid #FF3366;
	    }
	    input.radio {
		    width: auto;
		    padding: 0;
		    background: transparent;
		    border: 0;
	    }
	    .success, #playlist-message p {
		    background: #d3f0d1;
		    border: 1px solid #b5e2b2;
		    padding: 10px;
		    margin: 0;
	    }	
	    #playlist-message p {
		    margin: 10px 0 20px;
	    }
	    .need_log {
		    padding: 20px;	
		    margin-top: 10px;
		    border: 1px solid #fff6aa;
		    background: #fffac0;
	    }
	    /* @end */






    /* 
     * jquery.ui.potato.menu
     * 
     * Copyright (c) 2009 makoto_kw (makoto.kw@gmail.com)
     * Dual licensed under the MIT and GPL licenses.
     * 
     * Version: 1.0
     */
    ul.potato-menu {
	    margin:0;
	    padding:0;
	    width:auto;
	    list-style:none;
    }
    .potato-menu:after {
	    content: " ";
	    display: block;
	    visibility: hidden;
	    clear: both;
	    height: 0.1px;
	    font-size: 0.1em;
	    line-height: 0;
    }
    ul.potato-menu li.potato-menu-item {
	    margin:0;
	    padding:0;
	    position:relative;
	    list-style:none;
	    list-style-position:outside;
	    display:inline;
	    float:left;
    }
    ul.potato-menu li.potato-menu-item a {
	    display:block;
	    text-decoration:none;
	    white-space:nowrap;
	    outline:0;
    }
    ul.potato-menu ul.potato-menu-group {
	    margin:0;
	    padding:0;
	    -webkit-padding-start:0;
	    -webkit-padding-end:0;
	    position:absolute;
	    display:none;
	    z-index:1000;
    }



    /*
        SPECIFIC STYLES
    */

    ul.potato-menu ul.potato-menu-group {
	    white-space:normal;
    }


    .potato-menu .first-menu-item{
	    background-image: none;	
    }

    li.potato-menu-item {
	    font-size:0.95em;
	    font-weight:500;
	    font-family: Arial, helvetica, sans-serif;
	    text-align:center;
	    text-decoration:underline;
	    color:#ffffff;
    }

    .potato-menu-group .potato-menu-item{
	    text-align:left;
	    height: auto;
    }

    ul.potato-menu-vertical li.potato-menu-item a{
	    white-space:normal !important;
    }

    .potato-menu-group .potato-menu-item:hover{
	    background: #4b4b4b;
    }


    ul.potato-menu-group {
	    /*border-top: 1px solid #666;*/
	    background: #5d5d5d;
    }

    ul.potato-menu-group a {
	    width: 160px;
	    height: auto;
	    background-image: none;	
	    padding: 7px 7px 5px !important;
    }

    ul.potato-menu-group li {
	    height: auto;
    }

    .potato-menu a {
	    padding:7px 12px 7px 12px;
	    height:17px;
	    color: #fff;
	    padding-right:20px;
	    width:100px;
	    /*background-image:url('images/separator.png');*/
	    background-position:left;
	    background-repeat:no-repeat;
    }
    .potato-menu a:hover {
	    /*background: #666;*/
    }
    .potato-menu-has-vertical > a {
	    /*background: #333 url(/images/icons/fammini/arrow_down.gif) right no-repeat;*/
	
    }
    .potato-menu-has-holizontal > a {
	    /*background: #333 url(/images/icons/fammini/arrow_right.gif) right no-repeat;*/
    }
    .potato-menu-has-vertical > a:hover {
	    /*background: #666 url(/images/icons/fammini/arrow_down.gif) right no-repeat;*/
	
    }
    .potato-menu-has-holizontal > a:hover {
	    /*background: #666 url(/images/icons/fammini/arrow_right.gif) right no-repeat;*/
    }

    .login-form-input-wrapper
    {
        background: url("images/login-input.png") repeat-x scroll left bottom;
        height: 29px;
        width: 136px;
        float: left;
        margin-top:-3px;
    }

    .login-form-input
    {
        border: none;
        font: 75% Arial, helvetica, sans-serif;
        height: 15px;
        padding-bottom: 1px;
        padding-top: 1px;
        padding-left: 0px;
        padding-right:0px;
        background: transparent;
        width: 90px;
        margin: 7px 0 0;
    }

    .login-form-input:focus
    {
        background: transparent;
        border: 0;
        outline:none; 
    }

    .login-form-submit:focus
    {
        border: 0;
        outline:none; 
    }

    .login-form-input:hover
    {
        background: transparent;
        border: 0;
    }

    .login-form-submit:hover
    {
        border: 0;
    }

    .login-form-spacer
    {   
        float:left;
        height: 17px;
        width: 5px;
    }

    .SignIn
    {
        width: 100%;
       /* margin-top:90px;*/
        margin-right:10px;
        display:grid;
        justify-content:end;
    }
    .SignIn form
    {
        display:grid;
        padding-right:5px;
    }
        
    .login-form-spacer{display:none;}

    .login-form-links
    {
        float:left;
        height: 17px;
    }

    .login-form-submit
    {
        float:left;
        height: 32px;
        width: 84px;
        background: url("images/login-button-combined.png") repeat-x scroll left bottom;
    }

    .login-form-submit:hover
    {
        background: url("images/login-button-combined.png") repeat-x scroll left bottom;    
        background-position: -84px;
    }

    button::-moz-focus-inner {
      border: 0;
    }

    #license-table
    {
        overflow:auto;
        display:block;
        width:auto;
        max-width:860px;
     }
     #license-table+div
     {
         padding-right:25px;
      }
     #license-table+div ul li
     {
         margin-bottom:10px;
         line-height:1.2;
         }
         
     .button, button
     {
         font-size:1em;
         display:inline-block;
         margin-top:10px;
         }
         
      .content_page_contents_text ol img
      {
          width:100%;
      }
      
    .content_page_contents_text ol li ul
      {
          margin-left:20px;
          }
 
    .ui-dialog, .ui-widget
    {
        max-width: 85vw;
    }
    
    table
    {
        margin:auto;
    }
    
    form td
    {
        display:table-cell;
        width:50vw;
        /*max-width:20vw;*/
        }
    form tr
    {
        /*width:90vw;*/
     }    
      .pricelist_table
      {
          max-width:90vw;
      }
      .pricelist_table td
      {
          padding: 5px 10px;
      }

}

.ui-pg-input{
width:20px;}