@charset "UTF-8";
/* CSS Document 28 --- */


@font-face {
    font-family: OpenSansLight;
    src: url('css/opensans-light.eot');
    src: url('css/opensans-light.eot?#iefix') format('embedded-opentype'),
    url('css/opensans-light.woff') format('woff'),
    url('css/opensans-light.ttf') format('truetype'),
    url('css/opensans-light.svg#open_sanslight') format('svg');
}

@font-face {
    font-family: OpenSansBold;
    src: url('css/opensans-semibold-webfont.eot');
    src: url('css/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('css/opensans-semibold-webfont.woff') format('woff'),
    url('css/opensans-semibold-webfont.ttf') format('truetype'),
    url('css/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
}

@font-face {
    font-family: OpenSansRegular;
    src: url('css/opensans-regular-webfont.eot');
    src: url('css/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('css/opensans-regular-webfont.woff') format('woff'),
    url('css/opensans-regular-webfont.ttf') format('truetype'),
    url('css/opensans-regular-webfont.svg#open_sansregular') format('svg');
}

html, body {
    text-align: left;
    margin: 0px;
    height: 100%;
    padding: 0px !important;
    text-align: center;
}

@media screen and (min-width:768px) and (max-width:1024px) {
    /*TABLET + PHONE HOR*/
    html, body {}
}

@media screen and (min-width:414px) and (max-width:767px) {
    /*TABLET + PHONE HOR*/
    html, body {}
}

@media screen and (min-width:20px) and (max-width:413px) {
    /*PHONE*/
    html, body {}
}

a:link {
    color: #245a8f;
    text-decoration: underline;
}

a:visited {
    color: #245a8f;
    text-decoration: none;
}

a:active {
    color: #333333;
    text-decoration: none;
}

a:hover {
    color: #245a8f;
    text-decoration: none;
}

h1 {
    font-family: 'OpenSansBold', Helvetica, Arial, san-serif;
    font-size: 50px;
    color: #333333;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
	font-weight:normal;
}

h2 {
    font-family: 'OpenSansLight', Helvetica, Arial, san-serif;
    font-size: 30px;
    color: #333333;
    margin: 0px 0px -10px 0px;
    padding: 0px;
    text-align: left;
	font-weight:normal;
}

p {
    font-family: Helvetica, Arial, san-serif;
    font-size: 16px;
    color: #333333;
    line-height: 25px;
    text-align: left;
}

ul {
    padding: 0px 0px 0px 17px;
    margin: 0px;
    list-style: outside;
    list-style-type: square;
    font-family: Helvetica, Arial, san-serif;
    font-size: 16px;
    color: #333333;
    line-height: 25px;
    text-align: left;
}

ol {
    padding: 0px 0px 0px 23px;
    margin: 0px;
    list-style: outside;
    list-style-type: decimal;
    font-family: Helvetica, Arial, san-serif;
    font-size: 15px;
    color: #333333;
    line-height: 24px;
    text-align: left;
}

ul li, ol li {
    padding: 0px 0px 10px 0px;
}

p.indent {
    /*text-indent:30px; */
    margin-top: 0px;
    padding: 0px 0px 0px 15px;
}

.button { background-color: #245a8f; width: auto; height: auto; text-align: center; font-family: Helvetica, Arial, san-serif; font-size: 15px; color: #ffffff !important; text-transform: uppercase; float: left; padding:10px !important; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; text-decoration:none !important}
.button:hover { cursor:pointer; background-color: #d3dee9 !important; color:#333333 !important; }

.hide_for_mobile {}

a[name="apps"], a[name="tutorials"] {
    margin-top: -120px !important;
    position: absolute;
}

@media screen and (min-width:768px) and (max-width:1215px) {
    .hide_for_mobile {}

    a[name="apps"], a[name="tutorials"] {
        margin-top: -100px !important;
        position: absolute;
    }
}

@media screen and (min-width:20px) and (max-width:767px) {
    .hide_for_mobile {}

    a[name="apps"], a[name="tutorials"] {
        margin-top: -170px !important;
        position: absolute;
    }
}

@media screen and (min-width:20px) and (max-width:413px) {
    .hide_for_mobile {
        display: none !important;
    }

    a[name="apps"], a[name="tutorials"] {
        margin-top: -115px !important;
        position: absolute;
    }
}

/* BEGIN HEADER */
.header_bg {
    background-color: #ffffff;
    width: 100%;
    height: 90px;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 100;
    opacity: 0.9;
    filter: Alpha(opacity=90);
    text-align: center;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
}

.header_container {
    width: 100% !important;
    height: 90px;
    margin: auto;
    z-index: 110 !important;
    position: fixed;
    text-align: center;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}

.header_content {
    width: 1200px;
    height: 90px;
    margin: auto;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
}

.header_content .logo_container {
    float: left;
    width: 500px;
    height: 90px;
    padding: 0px !important;
    margin: 0px !important;
    overflow: hidden;
}

.header_content .logo_container img {
    width: auto;
    height: 100px !important;
    padding: 0px !important;
    margin: -5px 0px 0px -56px !important;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
}

.header_content nav {
    float: right;
    height: 90px;
    width: auto;
    margin: auto !important;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
}

.header_content nav a li {
    width: auto;
    height: auto;
    list-style: none !important;
    text-align: center;
    float: left;
    margin: 0px 0px 0px 17px;
    display: inline-block;
    padding: 60px 2px 0px 2px;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center 23px;
    background-size: 32px auto;
    text-shadow: 0px 0px 2px #FFFFFF;
}

.header_content nav li:hover {
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
}

.header_content nav a li span {
    font-family: 'OpenSansLight', Helvetica, Arial, san-serif;
    font-size: 14px;
    color: #333333;
}

/*.header_content nav a li:last-child {margin-right:0px !important; }*/
.header_content nav li.home {
    background-image: url(images/header_icon_home.png);
}

.header_content nav li.home:hover {
    background-image: url(images/header_icon_home_hover.png) !important;
}

.header_content nav li.apps {
    background-image: url(images/header_icon_apps.png);
}

.header_content nav li.apps:hover {
    background-image: url(images/header_icon_apps_hover.png) !important;
}

.header_content nav li.links {
    background-image: url(images/header_icon_links.png);
}

.header_content nav li.links:hover {
    background-image: url(images/header_icon_links_hover.png) !important;
}

.header_content nav li.tutorials {
    background-image: url(images/header_icon_tutorials.png); display:none !important;
}

.header_content nav li.tutorials:hover {
    background-image: url(images/header_icon_tutorials_hover.png) !important;
}

.header_content nav li.training {
    background-image: url(images/header_icon_training.png);
}

.header_content nav li.training:hover {
    background-image: url(images/header_icon_training_hover.png) !important;
}

.header_content nav li.contact {
    background-image: url(images/header_icon_contact.png);
}

.header_content nav li.contact:hover {
    background-image: url(images/header_icon_contact_hover.png) !important;
}

@media screen and (min-width:768px) and (max-width:1215px) {
    .header_bg {
        height: 70px !important;
    }

    .header_content {
        width: 98%;
		height:70px !important;
    }

    .header_container {
        height: 70px !important;
    }

    .header_content .logo_container {
        float: left;
        width: 50% !important;
        height: 70px !important;
        padding: 0px !important;
        overflow: hidden;
        text-align: left;
    }

    .header_content .logo_container img {
        width: auto !important;
        height: 80px !important;
        padding: 0px !important;
        margin: -7px 0px 0px -47px !important;
    }

    .header_content nav a li {
        margin: 15px 0px 0px 0px !important;
        background-position: center 0px !important;
        background-size: 28px auto !important;
        padding: 30px 2px 0px 2px !important;
        z-index: 200 !important;
    }
}

/*@media screen and (min-width:414px) and (max-width:767px) {
    .header_bg {
        height: 150px !important;
    }

    .header_container {
        height: 150px !important;
    }

    .header_content {
        width: 98%;
        height: 150px !important;
        text-align: center;
    }

    .header_content .logo_container {
        margin: 0px auto 0px auto !important;
        float: none !important;
        width: 100% !important;
        height: 80px !important;
        padding: 0px !important;
    }

    .header_content .logo_container img {
        width: auto !important;
        height: 90% !important;
        padding: 0px !important;
        margin: 0px auto 0px auto !important;
    }

    .header_content nav {
        width: auto !important;
        height: auto !important;
        width: auto;
        margin: 0px auto auto auto !important;
        float: none !important;
        display: inline-block !important;
    }

    .header_content nav a li {
        margin: 0px 0px 0px 5px !important;
        background-position: center 5px !important;
        background-size: 28px auto !important;
        padding: 35px 2px 0px 2px !important;
        z-index: 200 !important;
    }
}*/

@media screen and (min-width:20px) and (max-width:767px) {
    .header_bg {
        height: 70px !important;
    }

    .header_container {
        height: 70px !important;
    }

    .header_content {
        width: 98%;
        height: 70px !important;
        text-align: center;
    }

    .header_content .logo_container {
        margin: 0px auto 0px auto !important;
        float: none !important;
        width: 100% !important;
        height: 50px !important;
        padding: 0px !important;
        text-align: left;
    }

    .header_content .logo_container img {
        height: 100% !important;
        margin-left: -23px !important;
    }

    .header_content nav {
        float: left !important;
    }

    .header_content nav a li {
        width: 39px !important;
        margin-top:-7px;
		margin-right: 0px !important;
		margin-left:0px !important;
        padding-top: 20px !important;
        background-position: 8px 0px !important;
		background-size:20px;
    }
	
	.header_content nav a li:nth-child(1) {
		margin-left:0px !important;
	}
	.header_content nav a li:last-child {
        margin-right: 0px !important;
    }

    .header_content nav a li span {
        display: none !important;
    }
}

/* END HEADE */

/* BEGIN IMG SLIDER */
	.responsive-slider {
	  width: 100%;
	  position: relative;
	}
	.responsive-slider [data-animate] {
	  opacity: 0;
	}
	.responsive-slider .slides {
	  position: relative;
	  overflow: hidden;
	}
	.responsive-slider .slides ul {
	  list-style-type: none;
	  padding: 0;
	  margin: 0;
	  white-space: nowrap;
	  font-size: 0;
	}
	.responsive-slider .slides ul li {
	  display: inline-block;
	  max-width: 100%;
	  padding:0px !important;
	  background-position:center;
	  background-size:cover;
	}
	.responsive-slider .slides ul li .slide-body {
	  display: inline-block;
	  position: relative;
	  max-width: 100%;
	  font-size: 14px;
	  height:440px !important;
	  overflow:hidden;
	  cursor:pointer;
	}
	.responsive-slider .slides ul li .slide-body img {
	  width: 100%;
	  height: auto;
	  min-height:450px !important;
	  margin:0px !important;
	}
	.responsive-slider .slides ul li .slide-body .caption {
	  position: absolute;
	  color: #fff;
	  text-shadow: 0px 1px 0px #000000;
	  width:100% !important; display:inline-block !important; top:110px !important; left:0% !important; right:0%; bottom:8% !important; vertical-align:baseline !important; text-align:center;
	}
	.responsive-slider .slides ul li .slide-body .caption.header {
		width:100% !important; max-width:1200px !important; height:auto; display:inline-block !important; float:none !important; white-space:normal !important; margin:auto !important; bottom:0px !important; 
	}
	.responsive-slider .slides ul li .slide-body .caption.header .content_position {
		background-color:light-green; display:inline-block; position:absolute; bottom:0px; left:0px; right:auto !important; width:50% !important;
	}
	.responsive-slider .slides ul li .slide-body .caption.header .content_position h1 {
		width:100% !important; display:inline-block !important; float:left !important; white-space:normal !important; line-height:55px !important; text-shadow:none !important; 
	  /*font-size: 40px;*/
	}
	.responsive-slider .slides ul li .slide-body .caption.header .content_position h2 {
		width:100% !important; display:inline-block !important; float:left !important; white-space:normal !important; line-height:40px !important; text-shadow:none !important;
	  /*font-size: 40px;*/
	}
	.responsive-slider .slides ul li .slide-body .caption.header .content_position p {
		width:100% !important; display:inline-block !important; float:left !important; white-space:normal !important; line-height:25px !important; text-shadow:none !important;
	  /*font-size: 40px;*/
	}
	.responsive-slider .slides ul li .slide-body .caption.photo {
		width:100% !important; max-width:1200px !important; margin:auto !important;
	}
	.responsive-slider .slides ul li .slide-body .caption.photo div {
		 width:425px; height:327px; background-repeat:no-repeat; background-size:contain; background-position:center; float:right;
	}
	
	.pages {width:100%; text-align:center !important; display:block; float:left; margin:15px 0px 40px 0px; }
	.page_contianer {margin:auto !important; width:auto !important; float:none !important; display:inline-block !important;}
	.page {width:10px; height:10px; border:2px #000000 solid; border-radius:10px; float:left !important; margin:0px 7px 0px 7px;}
	.page.active { background-color:#000000;}
	@media screen and (min-width:768px) and (max-width:1215px) {
		.responsive-slider .slides ul li .slide-body {
		height:350px !important;
		}
		.responsive-slider .slides ul li .slide-body .caption {
			top:60px !important;
		}
		.responsive-slider .slides ul li .slide-body .caption.header .content_position {
			top:35px !important;
		}
		.responsive-slider .slides ul li .slide-body .caption.header .content_position {
			padding:0px 0px 0px 20px;
		}
		.responsive-slider .slides ul li .slide-body .caption.photo div {
			width:33%; height:327px; background-size:94% auto; background-position:left center;
		}
	}
	
	@media screen and (min-width:20px) and (max-width:767px) {
		.responsive-slider .slides ul li .slide-body {
		height:420px !important;
		}
		.responsive-slider .slides ul li .slide-body .caption, .responsive-slider .slides ul li .slide-body .caption.header .content_position {
			top:88px !important; margin-top:-10px !important;
		}
		.responsive-slider .slides ul li .slide-body .caption.header .content_position {
			width:95% !important;
		}
		.responsive-slider .slides ul li .slide-body .caption.header .content_position {
			padding:0px 0px 0px 20px;
		}
		.responsive-slider .slides ul li .slide-body .caption.photo div {
			display:none !important;
		}
		.pages {margin:10px 0px 40px 0px; }
	}
	
	@media screen and (min-width:20px) and (max-width:413px) {
		.responsive-slider .slides ul li .slide-body {
		height:390px !important;
		}
		.responsive-slider .slides ul li .slide-body .caption, .responsive-slider .slides ul li .slide-body .caption.header .content_position {
			top:50px !important;
		}
		.responsive-slider .slides ul li .slide-body .caption.header .content_position {
			width:95% !important;
		}
		.responsive-slider .slides ul li .slide-body .caption.header .content_position {
			padding:0px 0px 0px 10px;
		}
		.pages {margin:10px 0px 40px 0px; }
	}

/* END IMG SLIDER */





/* BEGIN CONTENT*/
.main_image {
    margin: 0px;
    position: relative;
    width: 100%;
    height: 250px;
    padding: 0px;
    background-color: transparent !important; /*box-shadow: 0 0 20px rgba(0,0,0,0.4); */
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
}

.main_image > div {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
}

table.main_img_content {
    width: 1200px;
    height: 250px;
    margin: 100px auto 0px auto;
    display: inline-block !important;
    border-collapse: collapse;
    border-spacing: 0px;
    border: none;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
}

table.main_img_content img {
    float: right;
    height: 130px;
    width: auto;
    margin: 10px 0px 0px 0px;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
}

table.main_img_content h1 {
    width: 890px;
    text-align: left;
    padding: 0px !important;
    margin: 0px 0px 0px 0px !important;
    float: left;
    line-height: auto;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
}

table.main_img_content h2 {
    width: 890px;
    text-align: left;
    padding: 0px !important;
    margin: 0px 0px 5px 0px !important;
    float: left;
    line-height: auto;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
}

.content_container {
    width: 1200px;
    height: auto;
    margin: 30px auto 0px auto;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
}

.content_container > div.content {
    float: left;
    width: 890px;
	min-height:650px !important;
    text-align: left;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
}

.content_container > div.content.home_news_box {
	padding-top:0px !important;
	margin-top:-15px !important;
	}

.content_container > div.content.home_news_box h2 {
    margin-bottom: 20px;
	margin-top: 0px;
}

.content_container > div.content h2:first-child {
    margin-bottom: 20px;
	margin-top: 0px;
}

.content_container > div.content h2 {
    margin-bottom: 20px;
	margin-top: 35px;
}

.content_container > div.content p {
    margin-top: 0px !important;
}

.content_container div.content form#Form1 {width:auto !important; margin:20px auto auto auto !important; padding:0px !important; float:none !important; border-top:#cccccc dotted 1px !important; }
.content_container div.content form#Form1 p:nth-child(4) { width:100% !important; margin:20px 0px 30px 0px !important; display:inline-block !important;}
.content_container div.content form#Form1 div#Register_Panel p:nth-child(4), .content_container div.content form#Form1 div#Register_Panel p:nth-child(5) { width:94% !important; margin:auto auto 5px auto !important; padding:auto !important;}

.content_container div.content form#Form1 p:nth-child(5) { width:100% !important; margin:auto auto 15px auto!important; display:inline-block !important; padding:auto auto auto 0px !important;}
.content_container div.content form#Form1 p span { }
.content_container div.content form#Form1 input[type="checkbox"]/*[name*="agree"]*/ { float:left !important; margin:25px 1.5% auto auto !important;}
.content_container div.content form#Form1 input[type="checkbox"]:checked /* [name*="agree"] */{
    background-color: #245a8f; background-image: url(images/checkbox_checked.png) !important; background-size:10px auto !important; background-repeat:no-repeat; background-position:center;
}
.content_container div.content form#Form1 label[for*="agree"] { width:93.5% !important; float:left !important; margin:20px auto auto auto !important;}
/*.content_container div.content form#Form1 input[type="submit"][value*="Register"]{ width:auto; float:left !important; margin:auto auto auto auto !important; background-color:salmon !important;}*/ 

.content_container div.content.forgot_pass h2 { margin-top:0px !important; margin-bottom:10px !important;}
.content_container div.content.forgot_pass form#Form1 {width:auto !important; margin:0px auto auto auto !important; padding:0px !important; float:none !important; border:none !important; }
.content_container div.content.forgot_pass form#Form1 p span {color:#000000 !important;}
.content_container div.content.forgot_pass form#Form1 p:nth-child(3) span[id*="LabelMessage"] {display:none !important; }
.content_container div.content.forgot_pass form#Form1 p:nth-child(3) { }

/* BEGIN PASSWORD RECOVERY */
.content_container div.content.forgot_pass form#Form1 p:nth-child(4) {display:inline-block !important; padding:20px 0px 5px 0px !important; margin:0px !important;}
.content_container div.content.forgot_pass form#Form1 p:nth-child(4) span#LabelWarning { font-size:16px !important; }

.content_container div.content.forgot_pass form#Form1 p:nth-child(5) { margin:auto auto 5px auto !important; float:left; width:auto !important; }
.content_container div.content.forgot_pass form#Form1 p:nth-child(5) label[for="LabelEmail"] { width:auto !important; font-family: 'OpenSansLight', Helvetica, Arial, san-serif !important; font-size:24px; margin-top:10px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; }
.content_container div.content.forgot_pass form#Form1 p:nth-child(5) input[type="text"] { width:294px !important; height:43px !important; margin-right:10px;}

.content_container div.content.forgot_pass form#Form1 p:nth-child(6) { float:left; width:auto !important; }
.content_container div.content.forgot_pass form#Form1 p:nth-child(6) label { width:20px; display:none !important;}
.content_container div.content.forgot_pass form#Form1 p:nth-child(6) input[type="submit"][name*="ButtonGo"] { width:auto !important; height:auto; float:left !important; margin:auto auto auto auto !important; padding:14px 14px 14px 14px !important; display:block !important; }
/* END PASSWORD RECOVERY */

.content_container div.content.forgot_pass form#Form1 p span#LabelWarning { color:#A20002 !important; font-size:14px !important; }
.content_container div.content.forgot_pass form#Form1 input[type="checkbox"][name*="agree"] { float:left !important; margin:5px 1.5% auto auto !important;}
.content_container div.content.forgot_pass form#Form1 label[for*="agree"] { width:93.5% !important; float:left !important; margin:auto auto auto auto !important;}
.content_container div.content.forgot_pass form#Form1 input[type="submit"][name*="ButtonGo"] { width:362px; float:left !important; margin:auto auto auto auto !important;}



.content_container > div.login_container {
    float: right;
    width: 256px;
    height: auto;
    border: solid #d6d6d6 2px;
    background-image: url(images/login_icon.png);
    background-repeat: no-repeat;
    background-position: center 25px;
    background-size: 100px auto;
    padding: 135px 10px 10px 10px;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
}

.login_container.urbanlintd_bg {background-color:#c2e0f3 !important; border: solid #559ece 2px !important;}
.login_container.urbanlintd_tutorial {background-image: url(images/tutorial_icon.png) !important; text-align:center !important; margin-top:20px !important; /*border-color:#559ece !important;*/}
.login_container.urbanlintd_tutorial:hover {background-image: url(images/tutorial_icon.png) !important; text-align:center !important; background-color:#c2e0f3 !important; cursor:pointer;}

.login_container.ruralintd_bg {background-color:#d8f6c4 !important; border: solid #79bb4d 2px !important;}
.login_container.ruralintd_tutorial {background-image: url(images/tutorial_icon.png) !important; text-align:center !important; margin-top:20px !important; /*border-color:#79bb4d !important;*/}
.login_container.ruralintd_tutorial:hover {background-image: url(images/tutorial_icon.png) !important; text-align:center !important; background-color:#d8f6c4 !important; cursor:pointer;}

.login_container.fted_bg {background-color:#fdedca !important; border: solid #facc67 2px !important;}
.login_container.fted_tutorial {background-image: url(images/tutorial_icon.png) !important; text-align:center !important; margin-top:20px !important; /*border-color:#facc67 !important;*/}
.login_container.fted_tutorial:hover {background-image: url(images/tutorial_icon.png) !important; text-align:center !important; background-color:#fdedca !important; cursor:pointer;}

.login_container.atsim_bg {background-color:#fff4e3 !important; border: solid #ffb358 2px !important; margin-bottom:20px !important;}
.login_container.atsim_tutorial {background-image: url(images/tutorial_icon.png) !important; text-align:center !important; margin-top:20px !important; /*border-color:#ffb358 !important;*/}
.login_container.atsim_tutorial:hover {background-image: url(images/tutorial_icon.png) !important; text-align:center !important; background-color:#fff4e3 !important; cursor:pointer;}

.content_container > div.launch_container {
    float: right;
    width: 256px;
    height: auto;
    border: solid #d6d6d6 2px;
    background-image: url(images/launch_icon.png);
    background-repeat: no-repeat;
    background-position: center 25px;
    background-size: 100px auto;
    padding: 135px 10px 10px 10px;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    background-color: #f5fafd;
}

.content_container > div.launch_container:hover {
    background-color: #d3dee9 !important;
    cursor: pointer !important;
}

div.launch_container.fted_bg {background-color:#fdedca !important; border: solid #facc67 2px !important; display:block;}
div.launch_container.fted_bg:hover { background-color:#facc67 !important;}

div.launch_container.atsim_bg {background-color:#fff4e3 !important; border: solid #ffb358 2px !important; display:block;}
div.launch_container.atsim_bg:hover { background-color:#ffb358 !important;}


/*div.launch_container.atsim_bg {background-color:#ffffff !important; border: solid #ffc075 2px !important;}
div.launch_container.atsim_bg:hover {background-color:#ffecd6 !important;}
.login_container.atsim_tutorial {background-image: url(images/tutorial_icon.png) !important; text-align:center !important; margin-top:20px !important; border-color:#ffc075 !important;}
.login_container.atsim_tutorial:hover {background-image: url(images/tutorial_icon.png) !important; text-align:center !important;}*/

.content_container > div.login_container h2, .content_container > div.launch_container h2 {
    text-align: center;
    padding-bottom: 20px;
}

.login_container form { margin:0px; padding:0px; border:none;}
.login_container form div { margin:0px; padding:0px; border:none; width:auto;}

.content_container > div.login_container form p { width:auto; padding:0px !important;}
.content_container > div.login_container form p span { width:auto; padding:0px !important; color:#A20002; font-family: Helvetica, Arial, san-serif !important;
    font-size: 14px !important;}

.content_container > div.login_container form ul {
    padding: 0px 0px 0px 17px;
}

.content_container > div.login_container form ul li {
    padding: 2px 0px 2px 0px;
    width: 95%;
}

.content_container > div.login_container form ul li:first-child {
    list-style: none;
    margin: 10px auto auto -15px !important;
}

.content_container > div.login_container form ul li input[type="checkbox"] {
    border: solid #333333 1px !important;
    float: left;
    display: inline-block;
    margin: 7px 8px 0px -1px;
    -webkit-appearance: none;
    border-radius: 0;
    width: 10px;
    height: 10px;
}

.content_container > div.login_container form ul li input[type="checkbox"]:checked {
    background-color: #245a8f; background-image: url(images/checkbox_checked.png) !important; background-size:10px auto !important; background-repeat:no-repeat; background-position:center;
}

.content_container > div.login_container form input[type="email"] {
    border: solid #333333 1px !important;
    border-collapse: collapse;
    border-spacing: 0px;
    width: 97%;
    height: 28px;
    font-family: Helvetica, Arial, san-serif;
    font-size: 15px;
    color: #333333;
    float: left;
    margin: 0px 5px 0px 0px;
    -webkit-appearance: none;
    border-radius: 0;
}

.content_container > div.login_container form input[type="password"] {
    border: solid #333333 1px !important;
    border-collapse: collapse;
    border-spacing: 0px;
    width: 198px;
    height: 30px;
    font-family: Helvetica, Arial, san-serif;
    font-size: 15px;
    color: #333333;
    float: left !important;
    margin: 0px 5px 0px 0px;
    -webkit-appearance: none;
    border-radius: 0px;
	display:block;
}

.content_container > div.login_container form input[type="submit"] {
    background-color: #245a8f;
    border: solid #245a8f 1px !important;
    /*border-collapse: collapse;*/
    width: 40px;
    height: 32px;
    text-align: center;
    font-family: Helvetica, Arial, san-serif;
    font-size: 15px;
    color: #ffffff;
    text-transform: uppercase;
    float: left;
    border-radius: 0px;
    -webkit-appearance: none;
	display:block;
	margin:0px !important;
}

.content_container > div.whats_new {
    float: right;
    width: 256px;
    height: auto !important;
    border: solid #ffde58 /*#f7ae17*/ /*#d3dee9*/ /*#d6d6d6*/ 2px;
	background-color:#fff2be;
    background-image: url(images/news_icon.png);
    background-repeat: no-repeat;
    background-position: center 25px;
    background-size: 100px auto;
    padding: 135px 10px 10px 10px;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    display: block;
	margin-bottom:20px; margin-top:-15px;
}

.content_container > div.whats_new h2 {
    text-align: center;
    padding-bottom: 15px;
	font-family: 'OpenSansBold', Helvetica, Arial, san-serif;
}
.content_container > div.whats_new ul {padding-top:15px;}
.content_container > div.whats_new li { padding-bottom:0px; font-size:14px;}
.content_container > div.whats_new li.line { border-bottom:solid 2px #ffde58; width:92%; margin:15px auto 15px 0px; list-style:none !important;}

.content_container > div.whats_new ul li span {
    color: #999999;
}


@media screen and (min-width:768px) and (max-width:1215px) {
    .main_image {
        margin: 0px;
        position: relative;
        width: 100%;
        height: 200px !important;
        padding: 0px;
        background-color: transparent !important;
    }

    .main_image > div {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center top;
    }

    table.main_img_content {
        width: 96% !important;
        height: 100px !important;
        display: table !important;
        margin: 85px auto 0px auto !important;
    }

    table.main_img_content tr td:nth-child(1) {
        width: 70% !important;
    }

    table.main_img_content tr td:nth-child(2) {
        width: 25% !important;
    }

    table.main_img_content img {
        float: right !important;
        height: 90px !important;
        width: auto;
        margin: 10px 0px 5px 0px;
        display: inline-block !important;
    }

    table.main_img_content h1 {
        width: 90% !important;
        font-size: 30px !important;
    }

    table.main_img_content h2 {
        width: 85% !important;
        font-size: 24px !important;
    }

    .content_container {
        width: 96% !important;
        height: auto;
    }

    .content_container > div.content {
        float: left;
        width: 73% !important;
		min-height:650px !important;
        text-align: left;
    }

    .content_container > div.login_container, .content_container > div.launch_container {
        width: 22% !important;
    }
	
	/*.login_container form { background-color:cyan !important; margin:0px; padding:0px; border:none;}
	.login_container form div { background-color:lime !important; margin:0px; padding:0px; border:none; width:auto;}
	
	.content_container > div.login_container form p { background-color:salmon; width:auto; padding:0px !important;}
	.content_container > div.login_container form p span { background-color:lime; width:auto; padding:0px !important; color:#A20002; font-family: Helvetica, Arial, san-serif !important;
		font-size: 14px !important;}*/
	
	
	.content_container > div.login_container form p { width:100% !important; padding:0px !important;}
	.content_container > div.login_container form p span { width:auto !important; padding:0px !important;}
	
	.content_container > div.login_container form ul li {
        padding: 0px 0px 0px 0px !important; /*width:105% !important; font-size:12px !important; */
    }

    .content_container > div.login_container form input[type="password"] {
        width: 70% !important; margin-right:5% !important; padding-left:3% !important; padding-right:0px !important;
    }

    .content_container > div.login_container form input[type="submit"] {
        width: 20% !important;
		padding-left:0px !important; padding-right:0px !important;
    }
	
	/*.content_container div.content form#Form1 input[type="submit"][value*="Register"] { width:61% !important; float:right !important; padding:8px 0px 8px 0px !important; margin:auto 7.5% auto auto !important; }*/
	.content_container div.content form#Form1 div#Register_Panel p:nth-child(4), .content_container div.content form#Form1 div#Register_Panel p:nth-child(5) { width:100% !important; margin:auto auto 5px auto !important; padding:auto !important;}

	.content_container div.content.forgot_pass form#Form1 input[type="submit"][name*="ButtonGo"] { width:61.9% !important; float:left !important; margin:auto auto auto auto !important;}
	
    .content_container > div.whats_new {
        width: 22% !important; 
    }
}

@media screen and (min-width:414px) and (max-width:767px) {
    .main_image {
        margin: 0px;
        position: relative;
        width: 100%;
        height: 280px;
        padding: 0px;
        background-color: transparent !important;
    }

    .main_image > div {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center top;
    }

    table.main_img_content {
        width: 96% !important;
        height: 100px !important;
        display: table !important;
        margin: 100px auto 0px auto !important;
    }

    table.main_img_content tr td:nth-child(2) {
        display: inline-table;
    }

    table.main_img_content tr td:nth-child(2) {
        visibility: hidden !important;
    }

    table.main_img_content img {
        width: 0px !important;
        height: 170px !important;
        opacity: 0.0 !important;
        filter: Alpha(opacity=0) !important;
        visibility: hidden !important;
    }

    table.main_img_content h1 {
        width: 90% !important;
        font-size: 30px !important;
    }

    table.main_img_content h2 {
        width: 85% !important;
        font-size: 24px !important;
    }

    .content_container {
        width: 96%;
        height: auto;
    }

    .content_container > div.content {
        float: none;
        margin: 30px auto 10px auto !important;
        width: 100% !important;
		min-height:auto !important;
        text-align: left;
    }

    .content_container > div.login_container {
        width: 94% !important;
        float: none !important;
        margin: -15px auto -10px auto !important;
        background-position: 14% center;
        background-size: 25% auto;
        padding: 10px 10px 10px 10px !important;
		display:inline-block !important;
    }
		.content_container > div.login_container.urbanlintd_tutorial, .content_container > div.login_container.ruralintd_tutorial, .content_container > div.login_container.fted_tutorial { padding:30px 10px 30px 10px !important; background-size: 20% auto !important;}
		
	
    .content_container > div.launch_container {
        width: 94% !important;
        float: none !important;
        margin: 40px auto 10px auto !important;
        background-position: 20% center;
        background-size: 15% auto;
        padding: 40px 10px 40px 10px !important;
    }
	
	
	.login_container form { margin:0px; padding:0px; border:none;}
	.login_container form div { margin:0px; padding:0px; border:none; width:auto;}
	
	/*.content_container > div.login_container form p { background-color:yellow; padding:0px !important;}*/
	.content_container > div.login_container form p span { width:auto; padding:0px !important;}
	
    .content_container > div.login_container form h2 {
        text-align: left;
        padding: 0px 0px 10px 50% !important;
        width: auto !important;
    }

    .content_container > div.launch_container h2 {
        text-align: left;
        padding: 0px 0px 10px 40% !important;
        width: auto !important;
    }

    .content_container > div.login_container form p {
        text-align: left;
        padding: 20px 0px 20px 50% !important;
        width: 50% !important;
		display:inline-block !important;
		float:left !important;
    }

    .content_container > div.login_container form ul {
        text-align: left;
		width:50% !important;
        padding: 5px 0px 0px 50% !important;
    }
	
	.content_container > div.login_container form ul li:first-child {margin-left:2px !important;}
    .content_container > div.login_container form ul li {
        padding: 2px 0px 2px 0px;
        width: 90%;
		margin-left:17px !important;
    }
	
	.content_container > div.login_container form input[type="email"] { width:94.5% !important;}

    .content_container > div.login_container form input[type="password"] {
        width: 71% !important;
        padding: 0px 0px 0px 3% !important;
		margin-right:4% !important;
    }

    .content_container > div.login_container form input[type="submit"] {
        width: 20% !important;
    }
	
	
	.content_container div.content form#Form1 input[type="submit"][value*="Register"] { float:left !important; margin-left:0px !important;}
	.content_container div.content.forgot_pass form#Form1 p:nth-child(3) /*span#LabelMessage */{ width:92% !important; text-align:left; padding-left:5px !important;  padding-right:5px !important; }
	.content_container div.content.forgot_pass form#Form1 p:nth-child(3) span#LabelMessage { text-align:left; margin-left:-20px !important; float:left !important;}
	
	/* BEGIN PASSWORD RECOVERY */
	.content_container div.content.forgot_pass form#Form1 p:nth-child(4) {display:inline-block !important; padding:20px 0px 5px 0px !important; margin:0px !important;}
	.content_container div.content.forgot_pass form#Form1 p:nth-child(4) span#LabelWarning { font-size:16px !important; }
	
	.content_container div.content.forgot_pass form#Form1 p:nth-child(5) { margin:auto auto 5px auto !important; float:left !important; width:auto !important; min-width:auto !important; }
	.content_container div.content.forgot_pass form#Form1 p:nth-child(5) label[for="LabelEmail"] { width:auto !important; font-family: 'OpenSansLight', Helvetica, Arial, san-serif !important; font-size:24px; margin-top:10px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; }
	.content_container div.content.forgot_pass form#Form1 p:nth-child(5) input[type="text"] { width:62% !important; height:43px !important; margin-right:10px; float:left !important;}
	
	.content_container div.content.forgot_pass form#Form1 p:nth-child(6) { float:left; width:auto !important; }
	.content_container div.content.forgot_pass form#Form1 p:nth-child(6) label { width:20px; display:none !important;}
	.content_container div.content.forgot_pass form#Form1 p:nth-child(6) input[type="submit"][name*="ButtonGo"] { width:auto !important; height:auto; float:left !important; margin:auto auto auto auto !important; padding:14px 14px 14px 14px !important; display:block !important;}
	/* END PASSWORD RECOVERY */
	
    .content_container > div.whats_new {
        width: 94% !important;
        float: none !important;
        margin: 40px auto 60px auto !important;
        background-image: none !important;
        padding: 10px 10px 10px 10px !important;
    }
	
	.content_container > div.whats_new h2 {
		margin-top:-10px !important; display:inline-block !important;
	}
}

@media screen and (min-width:20px) and (max-width:413px) {
   .main_image {
        margin: 0px;
        position: relative;
        width: 100%;
        height: 280px;
        padding: 0px;
        background-color: transparent !important;
    }

    .main_image > div {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center top;
    }

    table.main_img_content {
        width: 96% !important;
        height: 100px !important;
        display: table !important;
        margin: 100px auto 0px auto !important;
    }

    table.main_img_content tr td:nth-child(2) {
        display: inline-table;
    }

    table.main_img_content tr td:nth-child(2) {
        visibility: hidden !important;
    }

    table.main_img_content img {
        width: 0px !important;
        height: 170px !important;
        opacity: 0.0 !important;
        filter: Alpha(opacity=0) !important;
        visibility: hidden !important;
    }

    table.main_img_content h1 {
        width: 90% !important;
        font-size: 30px !important;
    }

    table.main_img_content h2 {
        width: 85% !important;
        font-size: 24px !important;
    }

    .content_container {
        width: 96%;
        height: auto;
    }

    .content_container > div.content {
        float: none;
        margin: 30px auto 10px auto !important;
        width: 100% !important;
		min-height:auto !important;
        text-align: left;
    }

    .content_container > div.login_container {
        width: 93% !important;
        float: none !important;
        margin: -20px auto 10px auto !important;
		display:inline-block !important;
    }

    .content_container > div.launch_container {
        width: 93% !important;
        float: none !important;
        margin: 30px auto 10px auto !important;
        padding: 18px 10px 18px 10px !important;
        background-size: 17% auto;
        background-position: 13% center;
    }

    .content_container > div.launch_container h2 {
        text-align: left;
        padding: 0px 0px 10px 37% !important;
        width: auto !important;
    }
	
	
	.login_container form { margin:0px; padding:0px; border:none; width:100% !important;}
	.login_container form div { margin:0px; padding:0px; border:none; width:auto;}
	
	.content_container > div.login_container form p { padding-top:20px !important;}
	.content_container > div.login_container form p span { width:auto; padding:0px !important;}
	
    .content_container > div.login_container form ul {
        text-align: left;
        padding: 5px 0px 0px 18px !important;
        width: auto !important;
    }
	
    .content_container > div.login_container form input[type="password"] {
        width: 96.5% !important;
        margin-bottom: 10px !important;
		padding-left:3% !important;
		padding-right:0px !important;
    }

    .content_container > div.login_container form input[type="submit"] {
        width: 100% !important;
        margin-bottom: 10px !important;
    }

	.content_container div.content form#Form1 input[type="submit"][value*="Register"] { float:left !important; margin-left:0px !important; }
	.content_container div.content form#Form1 p span { }
	
	.content_container div.content form#Form1 div#Register_Panel p:nth-child(4), .content_container div.content form#Form1 div#Register_Panel p:nth-child(5) { width:100% !important; margin:auto auto 5px auto !important; padding:auto !important; background-color:transparent !important;}
	
	/* BEGIN PASSWORD RECOVERY */
	.content_container div.content.forgot_pass form#Form1 p:nth-child(4) {display:inline-block !important; padding:20px 0px 5px 0px !important; margin:0px !important;}
	.content_container div.content.forgot_pass form#Form1 p:nth-child(4) span#LabelWarning { font-size:16px !important; }
	
	.content_container div.content.forgot_pass form#Form1 p:nth-child(5) { margin:auto auto 10px auto !important; float:left !important; width:64% !important; min-width:auto !important; }
	.content_container div.content.forgot_pass form#Form1 p:nth-child(5) label[for="LabelEmail"] { width:auto !important; font-family: 'OpenSansLight', Helvetica, Arial, san-serif !important; font-size:24px; margin-top:10px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; }
	.content_container div.content.forgot_pass form#Form1 p:nth-child(5) input[type="text"] { width:50% !important; height:43px !important; margin-right:0px !important; float:left !important; margin-top:0px !important;}
	
	.content_container div.content.forgot_pass form#Form1 p:nth-child(6) { float:left; width:30% !important; }
	.content_container div.content.forgot_pass form#Form1 p:nth-child(6) label { width:20px; display:none !important;}
	.content_container div.content.forgot_pass form#Form1 p:nth-child(6) input[type="submit"][name*="ButtonGo"] { width:100% !important; height:auto; float:left !important; margin:auto auto auto auto !important; padding:14px auto 14px auto !important; text-align:center !important; display:block !important; }
	/* END PASSWORD RECOVERY */
	
    .content_container > div.whats_new {
        width: 93% !important;
        float: none !important;
		padding: 10px 10px 10px 10px !important;
        margin: 40px auto 60px auto !important;
        background-image: none !important;
    }
	.content_container > div.whats_new h2 {
		margin-top:-10px !important; display:inline-block !important;
	}
}

/*GENERAL FORMS*/
form {
    float: left;
    margin: 60px 0px 0px 0px;
    border-top: 1px solid #6e6e6e;
    padding: 30px 0px 10px 0px;
    width: 100%;
}

form#contact_form {
    border-top: none !important;
    margin: 0px auto 30px auto !important;
    padding: 30px 0px 0px 5px !important;
    width: 96%;
}

span {
    color: #A20002;
    padding: 0px 5px 0px 0px;
}

form p {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 5px 0px;
    width: 90%;
    display: inline-block;
}

form p label {
    float: left;
    margin: 5px 10px 0px 0px;
    width: 150px;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
}

form p.learned label {
    width: 250px;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
}

form p input[type="radio"] {
    border: solid #333333 1px !important;
    float: left;
    display: inline-block;
    margin: 11px 10px 0px 0px;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -webkit-appearance: none;
    border-radius: 12px;
    width: 12px;
    height: 12px;
}

form p input[type="checkbox"] {
    border: solid #333333 1px !important;
    float: left;
    display: inline-block;
    margin: 11px 10px 0px 0px;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -webkit-appearance: none;
    border-radius: 0px;
    width: 12px;
    height: 12px;
}

form p input[type="checkbox"]:checked, form p input[type="radio"]:checked {
    background-color: #245a8f;
}


form p input[type="text"], form p input[type="password"] {
    border: solid #333333 1px !important;
    border-collapse: collapse;
    border-spacing: 0px;
    width: 350px;
    height: 28px;
    font-family: Helvetica, Arial, san-serif;
    font-size: 15px;
    color: #333333;
    float: left;
    margin: 0px 5px 0px 0px;
    padding: 0px 5px 0px 5px;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -webkit-appearance: none;
    border-radius: 0;
}

form p.learned input[type="text"], form p.learned input[type="password"] {
    width: 228px;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -webkit-appearance: none;
    border-radius: 0;
}

form p textarea {
    border: solid #333333 1px !important;
    border-collapse: collapse;
    border-spacing: 0px;
    width: 510px;
    height: 150px;
    font-family: Helvetica, Arial, san-serif;
    font-size: 15px;
    color: #333333;
    float: left;
    margin: 0px;
    padding: 0px 5px 0px 5px;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -webkit-appearance: none;
    border-radius: 0;
}

form p input[type="submit"] {
    width: 175px;
    background-color: #245a8f;
    border: none !important;
    border-collapse: collapse;
    height: 32px;
    text-align: center;
    font-family: Helvetica, Arial, san-serif;
    font-size: 15px;
    color: #ffffff;
    text-transform: uppercase;
    float: left;
    margin-right: 10px;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -webkit-appearance: none;
    border-radius: 0;
}

form p#contact_button input[type="submit"] {
    width: 360px !important;
    -webkit-appearance: none;
    border-radius: 0;
}

@media screen and (min-width:768px) and (max-width:1215px) {
    form {}

    form#contact_form {
        width: 480px;
    }

    form p {
        width: 100% !important;
    }

    form p label {
        width: 30% !important;
    }

    form p.learned label {
        width: 44% !important;
    }

    form p input[type="text"], form p input[type="password"] {
        width: 60% !important;
    }

    form p.learned input[type="text"], form p.learned input[type="password"] {
        width: 42.8% !important; /*width:228px;*/
    }

    form p textarea {
        width: 91.3% !important;
    }

    form p input[type="submit"] {
        width: 30% !important;
    }

    form p#contact_button input[type="submit"] {
        width: 61.5% !important;
    }
}

@media screen and (min-width:20px) and (max-width:767px) {
    form {
        text-align: center !important;
    }

    form#contact_form {
        border-top: none !important;
        margin: 0px 0px 90px 0px !important;
        padding: 30px 0px 0px 0px;
    }

    form p {
        width: 94% !important;
        margin: auto auto 5px auto !important;
    }

    form p label {
        width: 34.7% !important;
    }

    form p.learned label {
        width: 48.2% !important;
    }

    form p input[type="text"], form p input[type="password"] {
        width: 59% !important;
        float: right;
        margin-right: 0px !important;
    }

    form p.learned input[type="text"], form p.learned input[type="password"] {
        width: 40% !important; /*width:228px;*/
        float: right !important;
    }

    form p textarea {
        width: 99.7% !important;
        padding: 0px !important;
    }

    form p input[type="submit"] {
        width: 100% !important;
        float: left !important;
        margin-bottom: 10px;
    }

    form p#contact_button input[type="submit"] {
        width: 61.5% !important;
        float: right !important;
        margin-right: 0px;
    }
}

@media screen and (min-width:20px) and (max-width:413px) {
    form {}

    form p {
        width: 100% !important;
        margin: auto auto 5px auto !important;
    }

    form p label {
        width: 90% !important;
        float: left !important;
    }

    form p.learned label {
        width: 85% !important;
        float: left !important;
    }

    form p input[type="text"], form p input[type="password"] {
        width: 96% !important;
        float: left;
        margin-right: 0px !important;
        margin-top: 5px !important;
    }

    form p.learned input[type="text"], form p.learned input[type="password"] {
        width: 96% !important; /*width:228px;*/
        float: left !important;
        margin-top: 5px !important;
    }

    form p textarea {
        width: 99.3% !important;
        padding: 0px !important;
    }

    form p input[type="submit"] {
        width: 100% !important;
        float: left !important;
        margin-bottom: 10px;
    }

    form p#contact_button input[type="submit"] {
        width: 100% !important;
        float: left !important;
    }
}

/* END CONTENT*/


/* BEGIN APPLICATIONS MODAL WINDOW and INLINE DISPLAY */
	.modalDialog {
		position: fixed; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255, 255, 255, 0.9);
		z-index: 999999;
		/*opacity:0;*/
		opacity:0;
		visibility:hidden;
		-webkit-transition: opacity 400ms ease-in, visibility 400ms;
		-moz-transition: opacity 400ms ease-in, visibility 400ms;
		transition: opacity 400ms ease-in, visibility 400ms;
		pointer-events: none;
	}
	.modalDialog:target {
		/*opacity:1;*/
		opacity:1;
		visibility:visible;
		pointer-events: auto;
	}
	.modalDialog > div.applications_container, .modalDialog > div.tutorials_container {
		width: auto;
		position: relative;
		margin: 10% auto;
		padding: 20px 20px 30px 20px;
		background: #fff;
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
		display: inline-block;
	}
	
	.inline {width:100%; float:left; display:block; text-align:center;  border-top: 1px solid #6e6e6e; padding:0px; margin:10px 0px 0px 0px;}
	.inline > div.applications_container {
		width: 100%;
		position: relative;
		margin: auto auto 0px auto;
		padding: 10px 0px 0px 0px;
		background: #fff;
		/*box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);*/
		display: inline-block;
		text-align:center;
	}
	
	.applications_container ul, .tutorials_container ul { padding: 0px 0px 0px 0px !important; margin: 30px 0px 0px 0px !important; display: inline-block; float: left;}
	
	 
	.applications_container ul li, .tutorials_container ul li {
    list-style: none !important;
    float: left;
	width:100px;
	height:55px !important;
	border-radius:300px;
	border:3px solid #b7b7b7; /*717171*/
    /*width: 260px;*/ /*height:200px;*/
    padding: 55px 10px 10px 10px;
    margin: 0px 15px 0px 15px;
    vertical-align: text-bottom;
    cursor: pointer !important;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
	background-repeat: no-repeat;
	background-position: center 15px;
	background-size: 55px auto;
	}
	
	.inline > div.applications_container ul { width:100%; padding:0px 0px 0px 0px !important; margin:20px 0px -20px 0px !important; }
	.inline > div.tutorials_container ul { width:56% !important; padding:0px 0px 0px 0px !important; margin:20px auto -20px auto !important; float:none !important;}
	
	.inline > div.applications_container ul li:first-child, .inline > div.tutorials_container ul li:first-child { margin: 0px 8% 0px 8% !important; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out;}
	.inline > div.applications_container ul li, .inline > div.tutorials_container ul li { margin: 0px 6% 0px 6%; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out;}
	.inline > div.applications_container ul li:last-child, .inline > div.tutorials_container ul li:last-child { margin: 0px 4% 0px 8% !important; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out;}
	
	.applications_container h2, .tutorials_container h2 { padding-top:20px; }
	
	.inline > div.applications_container h2 { margin:0px auto 10px auto !important; padding:10px 0px 0px 0px !important; width:auto !important; text-align:center; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; float:none !important; display:inline-block;}
	.inline > div.tutorials_container h2 { margin:0px auto 10px auto !important; padding:10px 0px 0px 0px !important; width:100% !important; text-align:center; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; float:none !important; display:inline-block; }
	
	.applications_container ul li.urbanlintd, .tutorials_container ul li.urbanlintd {
		background-color: #c2e0f3; border-color:#559ece; background-image: url(images/app_urban_intd.png); -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out;
	}
	.applications_container ul li.urbanlintd:hover, .tutorials_container ul li.urbanlintd:hover { 
		background-image: url(images/app_urban_intd_wht.png); background-color: #559ece;  border-color:#c2e0f3; /*background-color: #d3dee9 !important;*/ -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out;
	}
	
	.applications_container ul li.ruralintd, .tutorials_container ul li.ruralintd {
		background-color: #d8f6c4; border-color:#79bb4d; background-image: url(images/app_rural_intd.png); -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out;
	}
	.applications_container ul li.ruralintd:hover, .tutorials_container ul li.ruralintd:hover {
		background-color: #79bb4d; border-color:#d8f6c4; background-image: url(images/app_rural_intd_wht.png); -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out;
	}
	
	.applications_container ul li.fted, .tutorials_container ul li.fted {
		background-color: #fdedca; border-color:#facc67; background-image: url(images/app_ftde.png); -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; background-position: 36px 15px;
	}
	.applications_container ul li.fted:hover, .tutorials_container ul li.fted:hover {
		background-color: #facc67; border-color:#fdedca; background-image: url(images/app_ftde_wht.png); -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; background-position: 36px 15px;
	}
	.applications_container ul li.fted p, .tutorials_container ul li.fted p {line-height:14px !important;}
	.applications_container ul li.fted p span, .tutorials_container ul li.fted p span { font-size:12px !important; color:#333333 !important;}
	
	.applications_container ul li.atsim, .tutorials_container ul li.atsim {
		background-color: #ffdfb0; border-color:#ffb358; background-image: url(images/app_atsim.png); -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out;
	}
	.applications_container ul li.atsim:hover, .tutorials_container ul li.atsim:hover {
		background-color: #ffb358; border-color:#ffdfb0; background-image: url(images/app_atsim_wht.png); -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out;
	}
	
	.applications_container ul li p, .tutorials_container ul li p {
    text-align: center !important; line-height:normal !important; color:#333333 !important;
	}
	.applications_container ul li:hover p, .tutorials_container ul li:hover p {
    color:#ffffff !important;
	}
	
	.close {
		font-family: 'OpenSansLight', Helvetica, Arial, san-serif; font-size: 15px; text-transform:uppercase; color: #333333; margin:auto; padding: 0px; text-align: left; position:absolute; right:12px; top:10px; cursor:pointer; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out;
	}
	.close:hover {
		font-family: 'OpenSansRegular', Helvetica, Arial, san-serif; color: #000000; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out;
	}
	
	@media screen and (min-width:768px) and (max-width:1215px) {
		.inline {margin:20px 0px 0px 0px !important;}
		.inline > div.applications_container ul { width:100%;}
		.inline > div.applications_container ul li:first-child { margin: 0px 4% 0px 2% !important;}
		.inline > div.applications_container ul li { margin: 0px 4% 0px 4%;}
		.inline > div.applications_container ul li:last-child { margin: 0px 2% 0px 4% !important;}
		
		.inline > div.tutorials_container ul { width:auto !important; text-align:center !important; display:inline-block !important; }
		.inline > div.tutorials_container ul li:first-child { margin: 0px auto 0px auto !important; }
		.inline > div.tutorials_container ul li { margin: 0px 50px 0px 50px !important;}
		.inline > div.tutorials_container ul li:last-child { margin: 0px auto 0px auto !important;}
		
		.inline > div.applications_container h2 { padding:10px 0px 0px 20px !important; width:auto !important; text-align:left !important; float:left !important;}

	}
	
	@media screen and (min-width:415px) and (max-width:767px) {
		.modalDialog > div.applications_container, .modalDialog > div.tutorials_container { width:100% !important; margin-top:0px !important; padding:0px 0px 10px 5px !important;}
		.inline {margin:20px 0px 0px 0px !important;}
		
		.inline > div.applications_container ul { width:100%; }
		.inline > div.applications_container ul li:first-child {margin:5px !important;}
		.inline > div.applications_container ul li {margin:5px !important;}
		.inline > div.applications_container ul li:last-child {margin:5px !important;}
		
		.inline > div.tutorials_container ul { width:auto !important; }
		.inline > div.tutorials_container ul li:first-child {margin:5px !important;}
		.inline > div.tutorials_container ul li {margin:5px !important;}
		.inline > div.tutorials_container ul li:last-child {margin:5px !important;}
		
		.applications_container h2 { padding-top:10px; padding-left:10px;}
		.applications_container ul li.urbanlintd {margin:5px !important;}
		.applications_container ul li.ruralintd {margin:5px !important;}
		.applications_container ul li.fted {margin:5px !important;}
		.applications_container ul li.atsim {margin:5px !important;}
		
		.inline > div.applications_container h2 { padding:10px 0px 0px 0px !important; width:96% !important; text-align:left !important;}
	}
	
	@media screen and (min-width:20px) and (max-width:414px) {
		.modalDialog > div.applications_container, .modalDialog > div.tutorials_container { width:auto !important; margin-top:0px !important;}
		.inline {margin:20px 0px 0px 0px !important;}
		
		.inline > div.applications_container ul { width:100%; }
		.inline > div.applications_container ul li:first-child {margin:5px !important;}
		.inline > div.applications_container ul li {margin:5px !important;}
		.inline > div.applications_container ul li:last-child {margin:5px !important;}
		
		.inline > div.tutorials_container ul { width:135px !important; }
		.inline > div.tutorials_container ul li:first-child {margin:5px !important;}
		.inline > div.tutorials_container ul li {margin:5px !important;}
		.inline > div.tutorials_container ul li:last-child {margin:5px !important;}
		
		.applications_container h2 { padding-top:10px;}
		.applications_container ul li.urbanlintd {margin:5px !important;}
		.applications_container ul li.ruralintd {margin:5px !important;}
		.applications_container ul li.fted {margin:5px !important;}
		.applications_container ul li.atsim {margin:5px !important;}
		
		.inline > div.applications_container h2 { padding:10px 0px 0px 0px !important; width:96% !important; text-align:left !important;}
	}
/* END APPLICATIONS MODAL WINDOW */



/*BEGIN ACCORDION STYLES */
	div.acc_rightColumn {
		float: right;
		width:22%;
		margin:1% 1% -20px 0px !important;
		text-align:center;
		padding:0px !important; border:none !important; background-image:none !important;
		/*background-color:yellow !important;*/
		-webkit-transition: all .5s ease-out;
		-moz-transition: all .5s ease-out;
		-ms-transition: all .5s ease-out;
	}
	
	div.acc_rightColumn p {padding:0px; text-align:center; margin:10px auto 50px auto; float:none !important; font-size:13px; line-height:22px;}
	div.acc_rightColumn p img {width:90%; height:auto; float:none; margin:auto;}
	div.acc_rightColumn p#atsim_tutorials_icon {text-align:center !important; border: solid #d6d6d6 2px !important;/*#ffc075*/ margin:10px auto 50px auto !important; padding:20px 5px 20px 5px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out;}
	div.acc_rightColumn p#atsim_tutorials_icon:hover {/*background-color:#ffecd6 !important; */cursor:default !important;}
	div.acc_rightColumn p#atsim_tutorials_icon img {width:50%; height:auto; float:none; margin:auto auto 10px auto;}
	div.acc_rightColumn p#atsim_tutorials_icon span {color:#666666 !important;}
	div.acc_rightColumn p.atsim_request_container {background-color:#fff4e3 !important; border: solid #ffb358 2px !important; padding:10px 0px 10px 0px !important; display:block; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; cursor:pointer; margin-top:-10px !important;}
	div.acc_rightColumn p.atsim_request_container:hover {background-color:#ffb358 !important;}
	div.acc_rightColumn p.atsim_request_container img { margin:10px auto auto auto;}
	div.acc_rightColumn p.atsim_request_container span.atsim_request {font-family: 'OpenSansLight', Helvetica, Arial, san-serif; font-size: 20px; color: #333333; line-height:30px;}
	div.acc_rightColumn p.atsim_request_container span.atsim_request_title {font-family: 'OpenSansBold', Helvetica, Arial, san-serif; font-size: 28px; color: #333333; font-weight:bold; line-height:40px;}
	
	div.acc_rightColumn#sponsor { height:90px; width:20.5%; text-align:center; margin:30px 1.5% 10px 0px !important; background-image: url(images/rtap.jpg) !important; background-position:center; background-repeat:no-repeat; background-size:contain; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; cursor:pointer;}
	
	
	
	@media screen and (min-width:1025px) and (max-width:1200px) {
		div.acc_rightColumn {margin:1% 1% -20px 0px !important;}
	}
	
	@media screen and (min-width:768px) and (max-width:1024px) {
		/*TABLET + PHONE HOR*/
		div.acc_rightColumn {width: 22% !important; margin:1% 1% -20px 0px !important;}
		div.acc_rightColumn p.atsim_request_container {margin-top:-5px !important;}
	}
	
	@media screen and (min-width:414px) and (max-width:767px) {
		/*TABLET + PHONE HOR*/
		div.acc_rightColumn {width: 94% !important; float:left !important; padding:0px !important; margin:2% 2% 2% 2% !important;}
		div.acc_rightColumn p {width:40%; height:auto; float:left !important; margin:auto 5% auto 5% !important;}
		div.acc_rightColumn p img {}
		div.acc_rightColumn p#atsim_tutorials_icon {width:35%; height:auto; float:left !important; margin:auto 5% auto 5% !important;}
		div.acc_rightColumn#sponsor {width: 100% !important; height:100px !important; float:none !important; padding:0px !important; margin:4% 2% 10% 2% !important; display:block !important; background-position:left;}
		div.acc_rightColumn p.atsim_request_container {width:38% !important; margin-top:0px; padding:5px 0px 5px 0px !important;}
	}
	
	@media screen and (min-width:20px) and (max-width:413px) {
		/*PHONE*/
		div.acc_rightColumn {width: 93% !important; margin:2% 2% 2% 2% !important;}
		div.acc_rightColumn p {width:40%; height:auto; float:left !important; margin:auto 5% auto 5% !important;}
		div.acc_rightColumn p#atsim_tutorials_icon { margin-top:0px !important;}
		div.acc_rightColumn#sponsor {width: 100% !important; height:100px !important; float:none !important; padding:0px !important; margin:4% 2% 10% 2% !important; display:block !important;}
		div.acc_rightColumn p.atsim_request_container {width:38% !important; margin-top:0px; padding:0px 0px 0px 0px !important;}
	}

/*END ACCORDION STYLES */


/* BEGIN FOOTER */
.footer_outer_container {
	width:100%;
	height:auto;
	text-align:center;
	display:inline !important;
	float:left;
	}
	
.footer_container {
    width: 1200px;
    height: auto;
    margin: 60px auto 0px auto;
    display: inline-block;
    border-top: 1px solid #6e6e6e;
    padding: 0px 0px 15px 0px;
}

.footer_container p, .footer_container p span {
    color: #6e6e6e !important;
    text-align: center !important;
}

@media screen and (min-width:768px) and (max-width:1215px) {
    .footer_container {
        width: 98%;
        height: auto;
    }

    .footer_container p {}

    .footer_container p span {
        white-space: nowrap !important;
        color: #6e6e6e !important;
    }
}

@media screen and (min-width:20px) and (max-width:767px) {
    .footer_container {
        width: 98%;
        height: auto;
    }

    .footer_container p {
        text-align: center !important;
    }

    .footer_container p span {
        white-space: nowrap !important;
        color: #6e6e6e !important;
    }
}

/*@media screen and (min-width:20px) and (max-width:413px) {
	}*/

/* END FOOTER */