@charset "UTF-8";

@import url("/layout/forms.css");

html{overflow-y:scroll;}
body{margin:0; padding:0; font-size:16px; font-family:'baloo_da_2regular', 'trirong', sans-serif; color:#1919B9;}
@font-face {font-family: 'baloo_da_2regular';
src: url('//www.prisoncida.com/layout/balooda2-regular-webfont.woff2') format('woff2'),
url('//www.prisoncida.com/layout/balooda2-regular-webfont.woff') format('woff');
font-weight: normal;font-style: normal;}
@font-face {font-family: 'trirong';
src: url('//www.prisoncida.com/layout/trirong-regular-webfont.woff2') format('woff2'),
url('//www.prisoncida.com/layout/trirong-regular-webfont.woff') format('woff');
font-weight: normal;font-style: normal;}
.clear::after{content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0;}
.clear{display:block; clear:both;}
html[xmlns] .clear{display:block;}
* html .clear{height:1%;}
a{outline:none; text-decoration:none;}
code{font-weight:normal; font-style:normal; font-family:Fixedsys, "Courier New", Times, serif;color:black;}
.fl_left, .imgl{float:left;}
.fl_right, .imgr{float:right;}
img{margin:0; padding:0; border:none; line-height:normal; vertical-align:middle;}
.imgholder, .imgl, .imgr{padding:4px; border:1px solid #D6D6D6; text-align:center;}
.imgl{margin:0 15px 15px 0; clear:left;}
.imgr{margin:0 0 15px 15px; clear:right;}

/* ----------------------------------------------HTML 5 Overrides------------------------------------- */

address, article, aside, figcaption, figure, footer, header, nav, section{display:block; margin:0; padding:0;}

/* ----------------------------------------------Wrapper------------------------------------- */

div.wrapper {display:block; width:100%; padding:0; text-align:left;}
div.wrapper a{color:#6E4CF8;}
.row1 {margin:0; z-index:999; overflow:hidden; position:fixed; top:0; background:rgba(255,255,255,0.8); box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2);}
.row2 {margin-top:70px;} 
.row3 {margin:0;} 
.row4 {margin:0;} 
 
/* ----------------------------------------------Top Navigation------------------------------------- */
nav ul{margin:0; padding:0; list-style:none; white-space: nowrap;}
#header{margin:0 auto; display:block; padding:0; width:80%; height:50px;position:relative;}
#header .logo{float:left;}
#header .mobilemenu{float:left;display:none;}
#header .menu{float:right;margin-right:85px;}
#header .top-right{position:absolute; top:2px; right:15px; height:46px; background-color:darkblue; border-radius:5px;}
#header .top-right img{padding:0 5px 0 10px;}
#header .top-left{position:absolute; top:2px; left:5px; background-color:white; color:black; padding:3px; font-size:12; border-radius:10px;}
#header nav{margin-top:26px;}
#header nav ul li{display:inline; margin-left:25px; text-transform:uppercase; color:lightgreen; font-size:14;}
#header nav ul li:first-child{margin-left:0;}
#header nav ul li a{color:blue; border-top: 1px dotted #9090ff; padding:2px; font-weight:bold;}
#header nav ul li a:hover{color:darkgreen; border-top: 4px solid #4040ff; background-color:#e0FFe0;}

.alert {padding:10px;background-color:#f4a3a6;color:white;margin-bottom:10px;width:70%;}
.alert .closebtn {margin-left: 15px;color: white;font-weight: bold;float: right;font-size: 22px;line-height: 20px;cursor: pointer;transition: 0.3s;}
.alert .closebtn:hover {color: black;}

@media screen and (max-width: 1100px) {
#header {height:70px;}
#header .menu{float:left; width:100%; padding:0;}
#header .menu nav{margin-top:2px; float:left;}
#header .menu nav ul li {font-size:16px;}
#header .menu nav ul li:first-child{margin-left:0px;}
}

@media screen and (max-width: 600px) {
#header{height:50px;width:100%;}
#header .mobilemenu{display:block;float:left;width:70%;text-align:center;margin-top:5px;}
#header .menu{float:left; width:100%; padding:0;}
#header .menu nav{margin-top:2px; float:left;}
#header .menu nav ul li{font-size:24;margin-left:0px;display:none;}
#header .menu.responsive nav ul li{display: block;}
}

/* ----------------------------------------------Generalise------------------------------------- */

#footer, #container, #copyright{display:block; max-width:960px; margin:0 auto;}
h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-size:18px; text-transform:uppercase; font-weight:bold; line-height:normal;}
address{font-style:normal;}

blockquote, q{display:block; padding:8px 10px; color:#979797; background-color:#ECECEC; font-style:italic; line-height:normal;}
blockquote::before, q::before{content:'?'; font-size:26px}
blockquote::after, q::after{content:'?'; font-size:26px; line-height:0}

.left_side, .right_side {display:block; float:left; margin:0 0 0 20px; width:45%; min-height: 300px;}
.one_quarter, .two_quarter, .three_quarter{display:block; float:left; margin:0 0 0 20px;}
.one_quarter{width:225px;}
.two_quarter{width:470px;}
.three_quarter{width:715px;}
.one_third, .two_third{display:block; float:left; margin:0 0 0 30px;}
.one_third{width:300px;}
.two_third{width:630px;}
.first, .one_quarter:first-child, .two_quarter:first-child, .three_quarter:first-child, .one_third:first-child, .two_third:first-child{margin-left:0;}
.four_quarter, .three_third{width:100%; float:none; margin-left:0; clear:both;}

@media screen and (max-width: 600px) {
.left_side{margin-left:0;width:100%;}
.right_side{margin-left:0;width:100%;}
.one_quarter{margin-left:0;width:100%;}
.two_quarter{margin-left:0;width:100%;}
.three_quarter{margin-left:0;width:100%;}
.one_third, .two_third{display:block; float:left; margin:0 0 0 30px;}
.one_third{margin-left:0;width:100%;}
.two_third{margin-left:0;width:100%;}
}

/* ----------------------------------------------Content Area------------------------------------- */

#container{padding:20px 0; line-height:1.6em; border-bottom:3px solid #E2E2E2;}
#container h1, #container h2, #container h3, #container h4, #container h5, #container h6{margin-bottom:20px;}
#container section{display:block; width:100%; margin:0 0 40px 0; padding:0;}
#container .last{margin:0;}
#container .more{text-align:right;}
h1{display:block; width:80%; margin:0 auto; font-size:22px; font-style:italic; text-transform:none; color:#666666;}

/* Content */
#container #content{float:left; max-width:100%; margin-bottom:0;}

@media screen and (max-width: 600px) {
#container {padding:5px;}
}

/* ----------------------------------------------Footer------------------------------------- */

#footer{padding:20px 0; font-size:12px; line-height:1.4em; border-bottom:3px solid #E2E2E2;}
#footer section h2.title{margin-bottom:10px; text-transform:none;}

/* Quick Links */
#footer section nav ul li{margin:5px 0 0 0; padding:0 0 5px 0; border-bottom:1px solid #E2E2E2;}
#footer section nav ul li:first-child, #footer section nav ul li.first{margin-top:0;}
#footer section nav ul li a{}

/* ----------------------------------------------Copyright------------------------------------- */

#copyright{padding:10px 0; font-size:11px;}
#copyright, #copyright a{color:#999999;}
#copyright p{margin:0; padding:0;}

/* feature box */
.featurebox {position: relative;background: rgba(240, 240, 240, 0.6);box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);border-radius: 5px;padding:20px;overflow:hidden;color: #215121min-height:100px;margin:10px auto 10px auto;display:table;width:90%;}
.featurebox table {width:100%;vertical-align:center;horizontal-align:left;padding:3px;}
.featurebox table tr td {vertical-align:bottom;}

@media screen and (max-width: 600px) {
.featurebox {padding:3px;margin:5px auto 5px auto;}
}

/* quick search */
.form-inline .search1 {background-image: url('/images/searchicon.png');background-position: 0 0;background-repeat: no-repeat;width:80%;vertical-align: middle;margin: 0;padding: 10px;background-color: #fff;font-size: 15px;border: 0;}
.form-inline {  display: flex;flex-flow: row wrap;align-items: center;}
.form-inline button {padding: 10px 25px;background-color: dodgerblue;border: 0;color: white;cursor: pointer;width:20%;}
.form-inline button:hover {background-color: royalblue;}

/* page selector */
.pageSel a {text-decoration: none;display: inline-block;padding: 8px 16px;}
.pageSel .disable {display: inline-block;padding: 8px 16px;background-color: lightgray;color: white;}
.pageSel a:hover {background-color: #ddd;color: black;}
.pageSel .previous {background-color: #1C7FA0;color: white;}
.pageSel .pagenum {background-color: #CC8F10;color: white}
.pageSel .next {background-color: #4CAF50;color: white;}
.pageSel .round {border-radius: 50%;}
.pageSel a.active {background-color: #4CAF50;color: white;border-radius: 5px;}
.highlight { background:#FFFFE0; padding:1px;color:black; }

#grpsel a {border-radius: 5px;padding:3px; margin:5px 5px 5px 5px; line-height:1.8em;}
#grpsel a:link {border-radius: 5px;background-color: yellow;}
#grpsel a:hover {border-radius: 5px;background-color: pink;}
#grpsel a:active {border-radius: 5px;background-color: yellow;}