html { background: #666;}
body { font-family: 'Montserrat', sans-serif; font-size: 18px; color:#444; padding: 20px 0px; background-image: linear-gradient(to bottom, #666, #444);}
.pagecontent { border-radius: 2px; background: #eee; box-shadow: 0px 0px 12px #111; padding: 15px; }

#pcontent-content { display: inline-block; width:100%; }

a { text-decoration:none; color:#dc5f3d; }
a:hover { text-decoration:underline; color:#2980b9;}

.button  { display: inline-block; padding: 0px 20px 0px 20px; color: #dc5f3d; cursor: pointer; height: 30px; line-height: 30px; text-align: center; background-color: transparent;
  font-size: 16px; font-style: normal; font-weight: 100; text-transform: uppercase; border: 1px solid #dc5f3d; outline: none;
  border-radius:4px;
}
.button:hover { color:white; text-decoration: none; background:#2980b9; }

.button1  { display: inline-block; padding: 0px 20px 0px 20px; background: #dc5f3d; cursor: pointer; height: 30px; line-height: 30px; text-align: center; color:white;
    font-style: normal; font-weight: 100; text-transform: uppercase; border: 1px solid #dc5f3d; outline: none;
    border-radius:4px;
  }
.button1:hover { color:white; text-decoration: none; background:#2980b9; }
  
.dropdown-menu > li > a { color:#dc5f3d; text-transform: capitalize; }
.eventthumbitem { overflow:hidden; height:auto; }
.eventthumbitem .details { padding:4px; }
.eventthumbitem img, .cominglist img { width:100%; margin-bottom: 5px; border: 1px solid #ccc; box-shadow:0px 0px 8px #999; border-radius:10px;}
.eventthumbitem .eventname { white-space: nowrap; text-overflow: ellipsis; display: inline-block; max-width: 100%; overflow: hidden; }
.eventthumbitem .details { padding: 4px;  }

.screebshots img { border: 1px solid #f5f5f5; padding:10px; }

p { text-align: justify; margin: 5px 0 10px 0px;}
img { border:0px; }
table td { font-size: 14px; }
table th { font-size: 14px; }
label { font-weight: normal;}
form { margin: 0px;}

.side-bar { margin-top: 55px; background: #fff; padding: 3px; }
.side-bar .userprofilephoto { max-width: 100px; }

.desktop { display: ; }

.status0 { color: #700; }
.status1 { color: green;  }
.status2 { color: red;  }

.gpheader { position: absolute; right: 20px; margin: 10px 20px 0px 0px; font-size: 170%; }


#main-header { padding-bottom:10px;}

.heading-section { text-align: center; padding: 100px 0 80px 0; }
.heading-section h1 { font-size: 20px; color: #333; font-weight: 700; text-transform: uppercase; }

h1, .h1 { font-size: 24px; }
h2, .h2 { font-size: 20px; }
h3, .h3 { font-size: 18px; }

hr { border-top: 1px solid #aaa; }
.brighthr {border-top: 1px solid #ddd; }

#topads {text-align: center; background: url('/data/cweek-top.jpg') no-repeat 0px 0px;}

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }

footer { background:#e1e1ef;  border-radius: 10px; clear:both; margin-top:15px; padding-top:1px; }
footer a { text-decoration: underline; }
.main-footer { margin-top:10px; padding: 0px 20px 0px 20px }
.footer-title {  font-size: 16px; font-weight: 700; text-transform: uppercase; padding-bottom: 20px; }
.bottom-footer{ padding: 60px 12px 15px 12px;}
.social-icons i {width: 60px;height: 60px; background: url('/data/social-sprite.png') no-repeat 0px 0px; display: inline-block;cursor: pointer;}
.social-icons i.twitter { background-position: -60px 0px;}
.social-icons i.googlepluse { background-position: -180px 0px;}

.rightmenulist li { display: block; width: 50%; float:left; }
.rightmenulist { margin:0px; padding:0px 10px;}

.rightrail .text { padding:0px 12px; }
.text { margin-bottom:8px; margin-top:8px; overflow:hidden; border-radius: 3px; -webkit-border-radius: 3px;}
.text .shortlist { list-style-type: none; }
.text img { max-width: 100%;}
.fullwidthform .text { width:70%; }

.note { color:#5c9c62; margin-bottom: 12px;  }

.comment .comment-author { font-style: italic; }
.comment { margin:12px 0px 12px 0px; }
.comments { margin-left:10px; padding: 0px 10px 0px 10px; }

.rating div {width:30px; height:30px; float:left; margin-right:10px;}
.rating .star { background: url(../data/star.png); background-position: center; background-repeat: no-repeat;  }
.rating .nostar { background: url(../data/norating.png); background-position: center; background-repeat: no-repeat; }

.mapdiv iframe { width: 100%; height: 300px;}
.historyrow .dates { margin-right:20px;}

.contacttext { width:100%; }

.iphoneicon { float:right; }

.appdata td { padding:4px 14px 4px 0px; }
.appdata { margin:10px 0px 10px 0px }
.searchoptions td { padding: 4px 14px 4px 0px;  }
.datafields label { width:100px; }

.rightrail { margin-top:32px; padding-top:4px; margin-left:12px; background: #e1e1ef; border-radius: 10px; }
.comingevents { border-top:1px solid #ddd; border-bottom:1px solid #ddd;  }

.tabs { overflow: hidden;}
.tabs .tab { border: 1px solid #ccc; border-bottom: 0px; padding:6px 14px 6px 14px; background: #333;}
.tabs .nottabselected { background:#eee; }

.eventthumbitem { margin-bottom:22px; }

.input { width:70%; border:1px solid #ddd; margin-bottom:8px; margin-top:8px; padding:8px; border-radius: 3px; -webkit-border-radius: 3px; }
.textinput { width:100%; } 

.content { min-height:400px;}

.content-list-item { padding:10px; }
.content-list-item h3 { margin-top:5px; }
.content-list ul { margin: 0; padding: 0; }
.content-list li { list-style: none; margin: 10px 0; }
.content-list i { font-size: 16px; margin-right: 5px; color: #eee; }

.cnswerslist { padding:10px;} 
.cnswerslist li { list-style: none; margin: 10px 0; margin-left: 0px; padding-left: 10px; }
.cnswerhelp { margin-top:10px; border-top:1px solid #ddd; padding-top: 10px; }

.text h3 { margin-top:4px; }

.cnswerhelp { display: none; }
#nextcitizenshiptest { display: none; }
.wronganswer { color:red; }
.messagebox { color:red; padding:8px; }
.correctanswer { color:green; font-weight: bold;}

.categories-table { font-size: 90%; width:100%; }
.categories-table td { width:50%; }

.follow div { margin:10px; }

.space30 {margin-bottom: 30px;}
.space50 {margin-bottom: 50px;}


/*-- Header --*/
#top-header { background-color: #333; color: #fff; }

.logo { padding: 0px 0 0 0; margin:15px }
.logocntainer {padding:0px; margin:0px}
.logo .sublogo { font-size:90%; padding:8px 20px; }
.logo img { max-width: 100%; }

.fulleventinto .info { margin-bottom:10px; min-height:192px; }

.eventimage { float: left; margin: 5px 20px 15px 10px; width: 220px; border: 1px solid #34495e; }

.shareblock { height: 120px; background: #34495e; padding: 12px; border-radius: 10px; color:#eee;}
.shareblock .sharebutton { float:left; width:80px; height:60px; }

.gallery img { max-width: 800px; }
.rightlink { float:right; padding:4px; }
.railblock table td { padding:4px; }
.railblock .railtable { width:300px; padding:0px 10px 10px 10px; }

.main-menu { margin-top:14px }
.main-menu ul { padding: 10px; margin: 0px; }
.main-menu li { list-style: none;  display: inline-block; padding: 5px }
.main-menu a { font-size: 16px; text-transform: uppercase; margin-right: 20px;}

.railblock li { list-style: none;  display: inline-block; padding: 5px;width:90px; white-space: nowrap; }
.rightmenu li { width:100%; }
.rightmenu { padding: 12px; }

.search-box { text-align: right; margin-top: 23px; position: relative; }
.search-box input { margin-top: 0px; width:100%; padding: 6px; }
.search-box input[type="submit"] { background-color: transparent; position: absolute; width: 34px; height: 34px; right: 0; top: 0;
  border: 0; content: ''; color: transparent; background: url(../data/search-icon.png);
  background-position: center;
  background-repeat: no-repeat;
}

.dropdown-menu { box-shadow:0px 2px 4px #ddd; }
.quickresultlist { position: absolute; right: 0px; width:550px; background: #fff; box-shadow:0px 2px 4px #ddd; z-index: 5; padding: 8px; }
.quickresultlist .eventthumbitem { padding:4px; }
.quickresultlist .eventthumbitem .location { display: none;}
.quickresultlist .eventthumbitem br{ display: none;}
.quickresultlist .eventthumbitem img { height:100px }

.eventdayhistory { border-left:1px solid #380000; margin:10px 10px 12px; padding-left:10px;  }


.search-box input#s {
  padding: 4px 10px 4px 10px;
  height: 34px;
  line-height: 34px;
  outline: 0;
  border: 1px solid #ddd;
}

/*-- End Header --*/
.mpcalendar { width:100%; background:#fff; border-collapse:collapse; }
.mpcalendar th { border:1px solid #bbbbcc; padding:4px; background:#34495e; text-align:center; color:#fff;}
.mpcalendar td { border:1px solid #bbbbcc; padding:4px; vertical-align:top; text-align:center; }
.mpcalendar .event {width:350px; text-align:left; padding-left:10px}
.mpcalendar .event a { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; max-width: 300px; }

.calendar { width:100%; background:#fff; border-collapse:collapse; }
.calendar th { border:1px solid #bbbbcc; width:14%; padding:4px; background:#34495e; color:#fff;}
.calendar td { border:1px solid #bbbbcc; width:14%; padding: 4px 4px 24px; color:#34495e; vertical-align:top; height:240px; text-align:center; }
.calendarimage { width:90%; border:1px solid #ddddee; }
.calendar td .date { float:right; font-weight:bold; }
.calendar .wrongday { background:#f5f5f5; }
.calendar .currentdate { background:#ccc; }

.eventtype { border: 1px solid #300; color: #300; float: right; margin: 8px; padding: 4px 8px; text-transform: uppercase;}
.free-bage { border: 1px solid #300; color: #300; float: right; margin: 8px; padding: 4px 8px; text-transform: uppercase;}
.eventrating { background: #f1c40f; border: 1px solid #f39c12; color: #fff; left: 30px; padding: 4px 10px; position: absolute; top: 90px; }

.navigationblock { border:1px solid #444; background:#34495e; padding:4px 0px; clear: left; margin: 8px 0px 8px 0px; color: #eee;}
.navigationlist { padding:4px; height:34px; }
.navigationlist  a { margin-right:10px; padding:0px 10px 0px 10px; background:#dc5f3d; color:#fff; display: inline-block;  }
.navigationlist .listitems { margin-right:10px; padding:4px; color:#fff; background:#555; float:left; display: block; width: 25px; text-align: center; border: 1px solid #999;}
.navigationlist .button { float:left; }
.navigationlist .number {  }
.secondclmn { text-align: center; }

.filtercontainer { border:1px solid #dadaff; background:#fafafa; padding:8px; margin: 8px 0px 8px 0px; }

.icalendaremail { border:1px solid #bbbbcc; margin:8px; padding:10px; width:300px; }
.icalendaremail .button { margin-top:8px; }
.icalendaremail #icalendaremail { width:240px; }

.imagelisttable { width:100%; }
.imagelisttable td { width: 230px; padding:8px; }
.calendarheader td { width:200px; }
.calendarheader td:nth-child(2) { text-align: center; }
.calendarheader td:nth-child(3) { text-align: center; }
.calendarheader td:nth-child(4) { text-align: right; }

.imagelist img { width:100%; height:auto; }

.imagelist, .imagelist1 {
  border: 0px;
  background: transparent;
}

.emptyhr { height: 0px; border: 0px; padding: 0px; }

.photo { width:100%; margin-bottom: 15px; }
.bigphoto { width:100%;  }
.thumbnail { width: 100%;float: left; border: 1px solid #ccc;  padding: 0px; border-radius: 0px;  margin:0px; box-shadow:0px 0px 5px #999; }
.photocontainer { width:100%; height:200px; overflow: hidden;  }

.fulleventinto .introimage { width:300px; float:left; margin:4px 16px 4px 4px; box-shadow:0px 0px 8px #999; border-radius:10px; }

.eventinto { min-height:170px; }
.eventinto .introimage { width:220px; float:left; margin:5px 20px 15px 10px; box-shadow:0px 0px 8px #999; border-radius:10px; }
.eventinto .info { margin-bottom:10px; margin-left:250px; min-height:128px; }
.eventinto h2 { margin-top:4px; padding-top:0px; }

.placeinfo .info h2 { margin-top: 0px; padding-top: 0px; font-size: 110%; }
.placeinfo { padding-bottom:12px; padding-top:12px; }
.placeinfo .placeimage { box-shadow:0px 0px 8px #999; border-radius:10px; }

.eventlistitem { min-height:130px; }
.eventlistitem .introimage { width:200px; float:right; margin:5px 10px 15px 20px; }
.eventlistitem .info { margin:0px 250px 10px 10px; min-height:128px; }
.eventlistitem h2 { margin-top:4px; padding-top:0px; font-size:140%; border-bottom:0px solid #BBBBCC; padding-bottom:6px;}


.eventlistitem .introimage { width: 90%; float: none; margin: 10px; }

.eventlistitem .info { margin: 10px; height: 200px; }

.nextblock { margin-top:14px; }

.content-body { padding:12px; }

.clearleft { clear:left; }
.hidden { display:none; }
.error { color:#c00;}
.formerror { margin-left: 100px; }
.success { color:green; border:1px solid green; width:650px; padding:4px 4px 4px 10px; margin-bottom:8px; }

.registrationform input { width:400px; }
.register-user td { padding-top: 10px; }

/*--- RESPONSIVE ---*/

@media screen and (max-width: 990px) {
    #heading h1 { font-size:24px; }
    .fulcontent-image { width:100%; }
    .content-item iframe {  width:95%; }
    .content-item img { max-width:100%; height:auto; }
    .main-menu { text-align: center; margin-top: 0px; }
    .desktop { display: none;}

    .eventlistitem { width: 100%; float: none; height: auto; }
    .eventlistitem .info { height: auto;}
    .logo { text-align: center;}
    .search-box { margin:0px 20px 0px 20px; }
    .photocontainer { height:auto; }
    .rightrail { margin-top:0px; margin-left:0px; }
}

@media screen and (max-width: 568px) {
    #heading h1 { font-size:16px; }
    .side-bar {margin-top: 20px;}
    .mapdiv iframe { height:200px; }

    .content-image { float:none; width:100%; }
    .fulcontent-image { width:100%; }
    .content-item iframe {  width:100%; height:auto; }
    .content-item img { max-width:100%; height:auto; }

    .logo { text-align: center; }
}

@media screen and (max-width: 1000px) {
    .slider-caption { display: none; }
    .container { padding-left: 0px; padding-right: 0px; }
}

@media screen and (max-width: 600px) {
	.rightlink { float:none;}
    .eventthumbitem, .cominglist { min-width:95%; height: auto;}
    .eventthumbitem img, .cominglist img {min-width:100%; height: auto;}
    .mapdiv iframe { height:220px; }
    #heading h1 { font-size:20px; }
    .side-bar {margin-top: 20px;}
    .content-image { max-width: 400px; }
    .fulcontent-image { width:100%; }
    .content-item img { max-width:100%; height:auto; }
    .content-item iframe {  width:100%; height:auto; max-height: 120px; }
    .thumbnail { height:auto; float: none; }
    .photocontainer { height:auto; }
    .fulleventinto .introimage { width:95%; height:auto; float: none;  }
    .eventlistitem .info { margin:10px; }
    .eventinto .introimage { width:95%; height:auto; float: none;  }
    .eventlistitem .introimage { width:95%; height:auto; float: none; margin: 10px; }
    .eventimage { width:95%; height:auto; float: none; }
    .eventinto .info { margin-left:0px; }
    .quickresultlist .eventthumbitem img { display: none;}
    .quickresultlist { width:300px }
    .dropdown-menu { position: inherit;}
    .main-menu ul { width:100%; }
    .formerror { margin-left: 0px;}
    .fulleventinto .info { min-height: 10px; }
}

@media screen and (min-width: 995px) {
    #heading h1 { font-size:24px; }
    .fulcontent-image { width:100%; }
    .content-item img { max-width:100%; height:auto; }
    .mobile { display: none; }
}

/*--- END RESPONSIVE ---*/