/************ LEVEL 1 *****************/
.whiteText.dottedBorder, .whiteText.dottedBorder p {
    height: 36px;
    margin: 0;
    font-size: 13px;
    overflow: hidden;
    -ms-word-break: break-all;
    word-break: https://dnntest.iowadot.gov/admin/site-settings#ssUserAccountSettingsbreak-all;
    word-break: break-word;     /* Non standard for webkit */
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.happeningNow {
    color: #ccc;
    font-size: 12px;
}

#slidermainnews .span_6_of_12 {
    display: inline-block;
    height: auto;
    margin-left: 5px;
    text-align: left;
    vertical-align: top;
}
/************ LEVEL 1 *****************/

/************ LEVEL 2 *****************/
.emailmessage {position:fixed; 
top:50%;
padding:0 10px 0 0;}

#dnn_ctr5896_DynamicForms_lnkContinue {display:none;}
.siteLinks {
    color: #AF580C;
    font-size: 14px;
}

.siteLinks:hover {
    color: #D66B0D;
    font-size: 14px;
}

.siteLinks:active {
    color: #AF580C;
    font-size: 14px;
}

ul.roundedBullets {
    padding-left: 15px;
}

    ul.roundedBullets li {
        margin: 5px 0px;
        list-style: disc outside none;
        color: #fff;
    }
    
ul.region511_Bullets {
    list-style: outside none disc;
    text-align: left;
    margin: 0px;
}

    ul.region511_Bullets li {
        margin: 5px 0px;
        list-style: disc outside none;
        color: #fff;
    }
    
ul.decimal {
    list-style: outside none decimal;
    text-align: left;
    margin: 0px;
}

    ul.decimal li {
        margin: 5px 0px;
        list-style: decimal outside none;
        color: #fff;
    }    
    
.imageright, .imageleft {
	font-size: 85%;
	font-style: italic;
	text-align: center;
	display: block;
}

.imageright img, .imageleft img {
	display:block;
	margin: 0px auto;
	max-width: 100%;
	padding-bottom: 5px;
}

.imageright {
	float: right;
	margin: 0px 0px 5px 15px;
}

.imageleft {
	float: left;
	margin: 0px 15px 5px 0px;
}

.greenSubHeaderText {
    color: #a2bd68;
    display: block;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
}

.inlineBlock {
    display: inline-block;
}

.bridgeBox {
    margin-left: 20px;
    vertical-align: top;
}

.non-scrolling_maincontent {
    margin-bottom: 50px;
}

.outerMainContent .storyBox a.apple {
    display: inline-block;
    list-style-type: none;
    padding-left: 21px;
    margin: 8px 0px;
    text-decoration: underline;
    background-image: url("http://www.iowadot.gov/css/../images/icon_apple.png");
    background-repeat: no-repeat;
    color: #A2BD68;
}

.outerMainContent .storyBox a.android {
    display: inline-block;
    list-style-type: none;
    margin-left: 6px;
    padding-left: 21px;
    margin-bottom: 8px;
    text-decoration: underline;
    background-image: url("http://www.iowadot.gov/css/../images/icon_android.png");
    background-repeat: no-repeat;
    color: #A2BD68;
}

.dotAppsImage {
    float: none;
    display: inline-block;
    vertical-align: top;
}

.dotAppsContainer {
    display: inline-block;
    margin-left: 1.3em;
}

.phoneAlphabets {
    display: inline-block;
    padding: 0 5px;
}

.phoneBookList > div {
    font-size: 12px;
    margin: 0 1px;
    vertical-align: top;
}

.phoneBookListName {
    width:23%;
}

.phoneBookListDes {
    width:35%;
}

.phoneBookListAdd {
    width:23%;
}

.phoneBookListNum {
    width:11%;
    word-break: break-all;
    -moz-hyphens: auto;
}

.underline {
    text-decoration: underline;    
}

.appletBox {
  	display: inline-block;
  	margin: 10px 0;
}

section.Publications table.tablesorter a {
  color: #666;
  font-weight: bold;
}

section.Publications table.tablesorter a:hover {
  color: #999;
}
/* News section o home page (level) and news section on the about page (level 2)*/
#slidermainnews .span_6_of_12 {
    display: inline-block;
    height: auto;
    margin-left: 5px;
    text-align: left;
    vertical-align: top;
}

.sliderBody .span_6_of_12 > div {
    width: 95%;
}

.datePart {
    color: #4DAFF4;
    font-size: 13px;
}

.whiteText {
    color: white;
    padding: 7px 0 0 0;
}

    .whiteText img {
        width: 100%;
        height: auto;
        padding-bottom: 6px;
    }

.dottedBorder {
    border-bottom: 1px dotted #999;
    padding-bottom: 10px;
}

.whiteText.dottedBorder + .subHeaderText {
    margin-top: 10px;
}

.more {
    height: 25px;
    padding: 5px 0;
}

    .more img {
        margin: 0 5px 0 0;
    }

#slidermainjobs .span_7_of_12 .borderRight {
    width: 95%;
}

#slidermainjobs .storyBox {
    margin: 25px 0 0 0;
    text-align: left;
}

    #slidermainjobs .storyBox:first-child {
        margin: 0;
    }

    #slidermainjobs .storyBox .mainHeaderText {
        font-size: 14px;
        margin-bottom: 5px;
    }

    #slidermainjobs .storyBox .whiteText {
        display: inline-block;
        width: 90%;
    }

        #slidermainjobs .storyBox .whiteText a {
            display: inline-block;
        }

#slidermainjobs > div {
    display: inline-block;
    height: auto;
    text-align: left;
    vertical-align: top;
}

.highlightText {
    color: #FFC70E;
    margin-top: 10px !important;
}
/* News section o home page (level) and news section on the about page (level 2)*/

/* Jobs section o home page (level) and jobs section on the about page (level 2)*/
#slidermainjobs #birdDog {
    height:270px;
    overflow:hidden;
}

/*div.jobHeadingSection {
     display: none;
 }
 
 span.jobSection {
    color: #ccc;
 }
 
 a.activeJobLink {
     color: #ccc;
     margin: 3px 0;
     line-height:1.5;
 }
 
 span.activeJobLinkText {
     color: #ccc;
     font-size: 12px;
 }
 
 a.activeJobLink > span.activeJobLinkText {
     text-transform: uppercase;
 }
 
 a.activeJobLink > .activeJobLinkText:hover {
     color: #fff;
 }
 
 .activeJobHeading {
     color: #D56808;
     font-size:14px;
     font-weight:bold;
     text-transform: capitalize;
 }
 
 .lvl2 #slidermainjobs .storyBox {
     padding-bottom: 0px;
 }*/
/* Jobs section o home page (level) and jobs section on the about page (level 2)*/

/*About Us page*/
.iframeContainer {
    text-align: left;
	padding-bottom:400px;
}

    .iframeContainer iframe.contactusIframe {
        width: 95%;
        min-height: 1000px;
        border-radius: 5px;
    }

.boxSection {
    border: 1px solid #CCC;
    margin-bottom: 6%;
}

.boxSection .boxSectionHeader {
    padding: 9px;
    background-color: #D56808;
    text-transform: uppercase;
    color: #FFF;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    text-align: left;
}

.boxSection .boxSectionBody {
    color: #ccc;
    font-family: arial;
    font-size: 12px;
    padding: 9px;
    text-align: left;
}

.boxSection .boxSectionBody a {
    font-family: Arial;
}
/*About Us page*/


/************ LEVEL 2 *****************/

@media only screen and (max-width: 990px)
{
  	/************ LEVEL 2 *****************/
    
  	.dotAppsContainer {
        margin-left: 0;
    }
  	/************ LEVEL 2 *****************/
}


    .iframeContainer iframe.contactusIframe {
        width: 95%;
        min-height: 900px;
        border-radius: 5px;
    }

@media only screen and (min-width: 180px) and (max-width: 767px) 
{
  	/************ LEVEL 2 *****************/
    
  	.non-scrolling_maincontent {
        width: 100% !important;
        margin-bottom: 70px !important;
    }
    
    .non-scrolling_maincontent > * {
        margin: 0 auto;
        width: 95%;
    }
    
    ul.region511_Bullets {
        padding-left: 20px;
        margin-bottom: 20px;
    }

        ul.region511_Bullets li {
            margin: 5px 3px;
            display: inline-block;
            width: 23.2%;
			vertical-align: top;
			-ms-word-break: break-all;
			word-break: break-word;
			-webkit-hyphens: auto;
			-moz-hyphens: auto;
			-ms-hyphens: auto;
			hyphens: auto;
        }
        
    .imageright {
        float: none;
	    margin: 0 auto 15px auto;
    }
    
    .sunkinkContainer > div {
        width: 80%;
        margin: 0 auto;
    }
    
    .dotAppsContainer {
        width: auto !important;
        float: right;
        max-width: 88%;
    }

    /*About Us page*/
    .iframeContainer {
        text-align: center;
    }

        .iframeContainer iframe.contactusIframe {
            min-height: 1000px;
            margin-bottom: 20px;
        }
    /*About Us page*/
  	/************ LEVEL 2 *****************/
}

@media only screen and (max-width: 480px) 
{
  	/************ LEVEL 2 *****************/
    
  	.dotAppsContainer {
        max-width: 75%;
    }
  	/************ LEVEL 2 *****************/
}