.news_record
{
    padding: 15px 0px 20px 0px;
    border-bottom: 1px solid #DDD;
}

.news_record  > div
{
    display: inline-block;
    vertical-align: top;
}

.news_record  > div.news_photo
{
    width: 141px;
    height: 94px;
}

.news_record  > div.news_text
{
    width: 68%;
   
}

.news_record  > div.news_text > div
{
        line-height: 2em
}

.news_record  > div.news_text > div.news_date
{
    font-size: 95%;
}

.news_record  > div.news_text > div.news_title
{
    font-size: 110%;
    line-height: 1em;
    color: #039;

}

.news_record  > div.news_text > div.news_title > a
{
    text-decoration: none;
}


.news_record  > div.news_text > div.news_readmore
{
    font-size: 85%;
    line-height: 3em;

}

.news_record  > div.news_text > div.news_readmore > a
{
    text-decoration: none;
}

.news_record  > div.news_photo
{
    position: relative;
    overflow: hidden;
    margin-right: 20px
}

.news_record  > div.news_photo > a > img
{
    height: 94px;
    /*object-fit: cover;*/
}

.news_record  > div.news_photo > a > span
{
    position: absolute;
    bottom: 0px;
    left: 0px;
    line-height: 1.2em;
    font-size: 70%;
}

.news_record  > div.news_photo > a > span.news_photo_text
{
    /* background-color: #222222;*/
    line-height: 14px;
    padding: 5px;
    vertical-align: bottom;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px rgba(150, 150, 150, 1);
    font-weight: bold;
}



.news_items_head
{
    font-weight: bold;
    border-bottom: 1px dotted #DDD;
    line-height: 2em
}

.news_items_date
{
    font-size: 85%;
    line-height: 2em
}

.news_items_title
{
    font-size: 150%;
    margin: 25px 0px 15px 0px;
    color: #009690;
    line-height: 1.3em;
    text-transform: uppercase;
}

.news_items_photo img
{
    max-width: 100%;
}

.news_items_content
{
    padding: 20px 0px
}

.news-inner-photo
{
    width: 100%;
    max-width: 800px;
}

@media screen and (max-width: 400px) {


    .news_record > div.news_photo {
        display: block;
        /* width: 100%;
        height: auto;*/

    }
    /*
    .news_record > div.news_photo > a > img
    {
        display: block;
        max-width: 100%;
        height: auto;
    }
    */

    .news_record > div.news_text {
        width: 90%;
        padding-left: 0px;
    }
}

/** */

.edit_panel
{
    margin: 20px 0px;
    padding-bottom: 20px;
    border-bottom: 5px solid #CCC;
}



/** News Item **/

.news_items_back
{
    margin-top: 20px;
    font-size: 85%;
    
    padding: 15px 15px;
    background-color: #f4f4f4;
    /*border: 1px dotted #DDD;*/



}

.news_items_back > a
{
    text-decoration: none;
}



/* Message Error/Warn/Success/Preview */

.msgError
{
    font-weight: normal;
}

.msgError
{
    color: #FF0000;
}

.msgbox
{

}

.displayMsg, .notes
{
    margin: 5px auto 15px auto;
    padding: 20px;
    background-color: #FFFFFF;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.msgSuccess
{
    color: #009E03;
}

.msgWarn
{
    color: #7A2A14;
}

.msgPreview
{
    font-weight: bold;
    color: #0000FF;
}

.msgPreviewTitle
{
    color: #00C45F;
    font-weight: bold;
    font-size: 170%;
}




/* Button and Controls */

textarea
{
    width: 500px;
    height: 150px;
}


select
{
     text-overflow: ellipsis
}

textarea,
input[type="email"], 
input[type="number"], 
input[type="password"], 
input[type="tel"], 
input[type="text"], 
input[type="url"],
a.linkbtn
{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-family: inherit;
    font-size: inherit;
}


textarea,
input[type="email"], 
input[type="number"], 
input[type="password"], 
input[type="tel"], 
input[type="text"], 
input[type="url"]
{
    background-color: #FFFFFF;
    color: rgb(0, 0, 0);
    border: 1px solid rgb(170, 170, 170);
    padding: 3px 5px;
}

textarea:focus, textarea:hover,
input[type="email"]:focus, input[type="email"]:hover,
input[type="number"]:focus, input[type="number"]:hover,
input[type="password"]:focus, input[type="password"]:hover,
input[type="tel"]:focus, input[type="tel"]:hover,
input[type="text"]:focus, input[type="text"]:hover,
input[type="url"]:focus, input[type="url"]:hover
{
    border: 1px solid #A2D66D;
    
    box-shadow:0 0 5px #A2D66D;
    -webkit-box-shadow:0 0 5px #A2D66D;
    -moz-box-shadow:0 0 5px #A2D66D;
    
}




input[type="radio"],
input[type="checkbox"]
{
    margin-right: 5px;
}

.rbl-scale input[type="radio"]
{
    margin-right: 0px;
}



a.linkbtn
{
    padding: 5px 30px;
    display: inline;
    text-align: center;
    margin-right: 5px;
}

a.linkbtn:visited, 
a.linkbtn:active,
a.linkbtn:link
{
    color: #FFFFFF;
    text-decoration: none;
}


a.linkbtn,
.fileupload .NFI-button
{
     
    color: #FFFFFF;
	font-weight: 700;
	min-width: 100px;
	line-height: 30px;
    text-shadow: 0px -1px 0px #0172bd;
	border: solid #0172bd 1px;
	border-bottom: solid #00428d 1px;
    background-color: #0192DD;
	background-image: linear-gradient(bottom, #1774A3 0%, #0194DD 56%);
	background-image: -o-linear-gradient(bottom, #1774A3 0%, #0194DD 56%);
	background-image: -moz-linear-gradient(bottom, #1774A3 0%, #0194DD 56%);
	background-image: -webkit-linear-gradient(bottom, #1774A3 0%, #0194DD 56%);
	background-image: -ms-linear-gradient(bottom, #1774A3 0%, #0194DD 56%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #1774A3),
		color-stop(0.56, #0194DD)
	);
    
    box-shadow: inset 0px 1px 0px rgba(255,255,255,.2), 0px 1px 0px #fff, 0px -1px 0px rgba(0,0,0,.1); 	
    -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,.2), 0px 1px 0px #fff, 0px -1px 0px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,.2), 0px 1px 0px #fff, 0px -1px 0px rgba(0,0,0,.1);
	
	
}

a.linkbtn:hover,
.fileupload .NFI-button:hover
{
	background: #333;
	text-shadow: 0px -1px 0px #111;
	border: solid #000 1px;
}


/*Gridview*/
.gv
{
    border-spacing: 0px;
    border: 0;
    background-color: #FFF;
    width: 100%;
}


.gv td, .gv th 
{
    padding: 5px 8px;
    text-align: left;
}

#cityu-content .gv > thead > tr > th,
#cityu-content .gv > tbody > tr > th 
{
    border: 0;
    border-right: 1px solid #CCCCCC;
    background-color: #111111;
    color: #FFFFFF;
}

.gv > thead > tr > td,
.gv > tbody > tr > td
{
    border: 0;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    vertical-align: top;
}

.gv > thead > tr:hover > td,
.gv > tbody > tr:hover > td
{
    background-color: #EEE;
}



#cityu-content .gv > th:first-child,
#cityu-content .gv > td:first-child
{
    border-left: 1px solid #CCCCCC;
}


/* jqte*/

.add_news .jqte,
.edit_news .jqte
{
    margin: 0px;
}


/*hidden field*/

a.hidden_field_btn
{
    cursor: pointer
}

.hidden_field_text
{
    display: none;
}