* {
	font-family: verdana;
}

html {
	height:100%;
}

body {
	margin:0px;
	padding:0px;
	height:100%;
	width:100%;
	background:#3c434f;
}

a {
	color:#CCC;
	cursor:pointer;
}

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

.tags {
	width:100%;
	padding: 4px 4px 1px 4px;
	min-height: 29px;
}

.tags .tag {
	padding: 0px 22px 0px 6px;
}

.tags .tag .close {
	top:-1px;
}

.tags input[type="text"], .tags input[type="text"]:focus {
	width:auto !important;
}

.move_icon {
	margin-right:5px;
}

.stroke {
	text-shadow:
   -1px -1px 0 #fff,  
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
     1px 1px 0 #fff;
}

li {
	list-style:none;
}

ul, ol {
	margin:0px;	
}

.header-bar {
	padding:4px 10px;
	color:#CCC;
	background:#25282E;
	z-index:900;
	font-size:13px;
	position:fixed;
	top:0px;
	width:100%;
}

.header-option {
	margin-right:15px;
	color:#ccc;
	float:left;
}

.header-option:hover {
	color:#fff;
	text-decoration: none;
}

.header-option:focus {
	color:#fff;
	text-decoration: none;
}

.move_icon {
	cursor:move;
}

/* fix 3px placement issue with checkbox switch handles in off state */
input.ace.ace-switch.ace-switch-6[type="checkbox"] + .lbl::after {
	left:2px;
}

/* fix line height placement issue with X and checkmark */
input.ace.ace-switch.ace-switch-6[type="checkbox"] + .lbl::before {
	line-height:21px;
}

.blur {
	-webkit-filter: blur(20px);
	-moz-filter: blur(20px);
	-ms-filter: blur(20px);
	-o-filter: blur(20px);
	filter: blur(20px);
}

.roll_result_outer {
	position:fixed;
	top:-100px;
	left:0px;
	
	width:100%;
	height:1px;
	
	text-align:center;
	
	z-index:2000;
}

.roll_result {
	max-width:526px;
	margin:0 auto;
	
	background:#FFF;
	width:100%;
	padding:10px 20px 0 20px;
	z-index:2000;
	
	cursor:pointer;
	opacity:1;
	border-bottom:1px solid #000;
	
	-webkit-box-shadow: 0 4px 4px -2px #000000;
  -moz-box-shadow: 0 4px 4px -2px #000000;
  box-shadow: 0 4px 4px -2px #000000;
}

.roll_grip {
	position:absolute;
	width:100%;
	top:-23px;
	z-index:901;
}

.roll_grip_button {
	width:30px;
	position:relative;
	left:50%;
	top:50px;
	margin-left:-15px;
	opacity:0.9;
	cursor:pointer;
	font-size:22px;
	color:#FFF;
	text-align:center;
}

.roll_header {
	font-size:18px;
	font-weight:200;
}

.attack_box {
	margin-top:5px;
}

.attack_roll {
	border:1px solid #999;
	width:100%;
}

.roll_marker {
	background:#EEE;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	padding:0px;
	text-align:center;
}

.mods {
	padding:0 15px 0 15px;
}

.roll {
	color:#0B4673;
	padding:0 15px 0 15px;
}

.hit {
	color:#9E0000;
	padding:0px;
}

.dice_node {
	color:#999;
	font-size:12px;
}

.skills_even_column {
	background:#f7f7f7;
}

.skills_odd_column {
	background:#FFF;
}

.block-highlight:hover {
	background:#F5F5F5;
	cursor:pointer;
}

.block-highlight-dark:hover {
	background:#2a2f36;
	cursor:pointer;
}

.menu-box {
	background:#25282E;
	text-align:center;
	padding:15px 0;
}

.badge {
  padding-bottom: 1px;
  padding-top: 1px;
  margin-left:5px;
}

/* fixes the label alignment down by 1px over the ace layout */
.form-group > label[class*="col-"] {
	padding-top:5px;
	text-align:right;
	padding-left:0px;
}

.filled {
	padding-left: 0px; 
	text-align: left;
	font-size:14px;
	padding-top:5px;
}


.nomargin {
  margin: 0 !important;
}

.nopadding {
  padding: 0 !important;
}

.blue-2 {
  color: #667e99;
}

.green-2 {
	color: #4ec144;
}

.black {
	color:#25282E;
}

.faded {
	opacity:0.6;
}

.control-box {
	background:#25282E;
}

.login {
	background:#FFF;	
}

.thin {
	font-weight:200;
}

.heading {
	
	border-bottom:1px solid #999;
	padding-bottom:10px;
}


label {
}

a {
	text-decoration:none;
	color:white;
}

.dark a {
	text-decoration:none;
	color: #2666A8;
}

input, select, textarea {
	font-size:14px;	
	padding:2px;
	border:1px solid #999;
}


/* Modal box styles */
		
#basic-modal-content {
	display:none;
}

/* Overlay */
#simplemodal-overlay {
	background-color:#000; 
}

/* Container, basically invisible */
#simplemodal-container {
	width:525px;
  height:600px;
  display:none;
}
	
#simplemodal-container a.modalCloseImg {
	background:url(/app/images/x.png) no-repeat; 
	width:25px; 
	height:29px; 
	display:inline; 
	z-index:3200; 
	position:absolute; 
	top:-14px; 
	right:-10px; 
	cursor:pointer;
}
		
/* end modal box styles */

.add_dialog {
			
	border:1px solid #EEE;
	
	background:#FFF;
	
	padding:10px;
	
	-moz-box-shadow: 5px 5px 5px #313131;
  -webkit-box-shadow: 5px 5px 5px #313131;
  box-shadow: 5px 5px 5px #313131;
  
  width:100%;
  
  display:none;
}

.general_dialog {
	
	border:1px solid #EEE;
	
	background:#FFF;
	
	padding:10px;
	
	-moz-box-shadow: 5px 5px 5px #313131;
  -webkit-box-shadow: 5px 5px 5px #313131;
  box-shadow: 5px 5px 5px #313131;
  
  width:500px;
  
  font-size:18px;
  color:#0D3976;
	font-weight:bold;
  
  display:none;
}

.level_up {
	position:fixed;
	
	top:100%;
	margin-top:-150px;
	
	height:150px;
	
	width:100%;
	background:white;
	z-index:99999;
	text-align:center;
	font-size:24px;
	
	display:none;
}

.content {
	position:relative;
	border:1px solid black;
	top:30px;
	left:0px;
}

.controls {
	width:250px;
	
	font-size:12px;
	
	background:#25282E;
	padding:10px;
	
	color: #EEE;
	
}

.farbtastic {
	margin:0 auto;
}

.chosen-results {
	color: #000 !important;
}

.top {
	position:fixed;
	top:40px;
	left:10px;
	z-index:800;
}

.map_description {
	position:fixed;
	bottom:0px;
	right:0px;
	
	z-index:824;
	
	font-size:12px;
	
	background:#25282E;
	padding:10px;
	
	color: #EEE;
	overflow:hidden;
}

.back_box {
	background:url('/dnd/images/carbon_fibre.png');
	position:relative;
	left:-50px;
	top:-15px;
	width:400px;
	border-bottom:1px solid black;
}

.back {
	font-weight:bold;
	padding-left:10px;
	position:relative;
	left:30px;
	bottom:1px;
	cursor:hand;
	cursor:pointer;
}

.mini {
	font-size:16px;
	font-weight:bold;
	position:relative;
	left:100px;
}

.interest {
	padding-left:25px;
}

.poi_box {
	border:2px dashed transparent;
}

.poi_box:hover {
	border:2px dashed #CCC;
}

.poi_box:hover .poi_label, .poi_label_show { 
	display:block !important;
}

.highlight {
	border:2px solid #FFF !important;
}

.highlight_manage {
	border:2px solid #FFF;
	
	cursor:move !important;
}

.highlight_list {
	color:#E60200 !important;
}

.highlight_list_revert {
	color:#FFFFFF;
}

.info_title {
	color:#aba9a9;
	font-weight:bold;
}

.map_header {
	position:absolute; 
	top:0px;
	width:100%; 
	text-align:center;
	font-size:24px;
	color:#EEE;
}

.map_manage_tooltip {
	text-align:center;
	display:none;
}

.map_manage_button {
	display:block;
}

.desc_example {
	background-color: #f5f5f5;
  border-radius: 4px;
  color: #333;
  display: block;
  font-size: 13px;
  line-height: 1.42857;
  margin: 8px 0;
  padding: 3px 8px;
  word-break: break-all;
  word-wrap: break-word;
}

.ATTACK_ROLL_ADD_ELEMENT {
	width:70px;
	padding:2px 4px 4px 4px !important;
}

/* map image uploader */

span#stylefileinput-map_image
{
	position:relative;
}

span#stylefileinput-map_image span
{
	position:absolute;
	display:block;
	top:-2px;
	left:0;
	overflow:hidden;
	z-index:1;
	width:75px;
	height:24px;
	opacity:0;
	filter:alpha(opacity=0)
}

span#stylefileinput-map_image span input
{
	position:absolute;
	left:-140px;
	cursor:pointer
}

span#stylefileinput-map_image input.stylefileinput-button
{
	position:relative;
	z-index:0
}

span#stylefileinput-map_image strong
{
	margin:0 10px
}

.stylefileinput-text {
	margin:0 5px 0 5px;
}

/* import locations uploader */

span#stylefileinput-import_file
{
	position:relative;
}

span#stylefileinput-import_file span
{
	position:absolute;
	display:block;
	top:-2px;
	left:0;
	overflow:hidden;
	z-index:1;
	width:75px;
	height:24px;
	opacity:0;
	filter:alpha(opacity=0)
}

span#stylefileinput-import_file span input
{
	position:absolute;
	left:-140px;
	cursor:pointer
}

span#stylefileinput-import_file input.stylefileinput-button
{
	position:relative;
	z-index:0
}

span#stylefileinput-import_file strong
{
	margin:0 10px
}

/* Map grid image uploader */

span#stylefileinput-grid_image
{
	position:relative;
}

span#stylefileinput-grid_image span
{
	position:absolute;
	display:block;
	top:-2px;
	left:0;
	overflow:hidden;
	z-index:1;
	width:75px;
	height:24px;
	opacity:0;
	filter:alpha(opacity=0)
}

span#stylefileinput-grid_image span input
{
	position:absolute;
	left:-140px;
	cursor:pointer
}

span#stylefileinput-grid_image input.stylefileinput-button
{
	position:relative;
	z-index:0
}

span#stylefileinput-grid_image strong
{
	margin:0 10px
}


.dragdrop_map_placeholder {
	border:1px dashed #CCC;
	height:115px;
	width:115px;
	list-style:none;
	float:left;
	margin:5px 5px 5px 5px;
}

.dragdrop_placeholder {
	border:1px dashed #CCC;
	list-style:none;
	margin:5px 0px 0px 0px;
}

.dragdrop_group_placeholder {
	border:1px dashed #CCC;
	list-style:none;
	float:left;
	margin:5px 0px 5px 10px;
}

/* we use padding here to avoid the infinite scrollbar issue */
#dokuwiki__top {
	margin-top:0px !important;
	padding-top:34px;
}

.navbar-default {
	border-radius:0px !important;
	border-top:0px !important;
	border-left:0px !important;
	border-right:0px !important;
	z-index: 890 !important;
}

.breadcrumb {
	border-radius:0px !important;
	margin-left:0px !important;
}

.navbar-toggle {
	border-radius:0px !important;
}

.button {
	border-radius:0px !important;
}

.page h5 {
	display:none;
}

.page h1 {
	border-bottom: 1px solid #eee;
  margin: 20px 0;
  padding-bottom: 9px;
}

.navbar-brand {
	position:relative;
	top:3px;
}


.trait_header {
	background:#1370b0; 
	color:white; 
	padding:4px 0 4px 8px; 
	font-size:16px;
}

.btn-minier {
	border-width:0px;	
}

/* add a new button size that matches the input sizes that they might go next to */
.btn.btn-input {
	padding-top: 2px;
	padding-left: 7px;
	padding-right:7px;
	height: 28px;
}

.dialog {
	text-align: left;
	max-width: 800px;
	margin: 40px auto;
	position: relative;
	background:#FFF;
}

.dialog-button {
	max-width:250px;
}

.dialog-micro {
	max-width: 400px;
	color: #454545
}

.dialog-tiny {
	max-width: 450px;
}
 
.dialog-sm {
	max-width:500px;
}

.dialog-md {
	max-width:600px;
}

.dialog-lg {
	max-width:800px;
}

.dialog-full {
	max-width:90%;
}


.dialog iframe {
	width:100%;
	border:0px;
}

.modal-header {
	padding:10px;
	border-bottom:0px;
}

.modal-content {
  border: 1px solid #FFF;
}

.mfp-close {
  margin: 3px;
}

.character_header_frame {
	border-bottom:1px solid #EEE;
	background:#25282E;
	padding-top:30px;
	margin-bottom:10px;
	position:relative;
	z-index:100;
}

.options_footer {
	background:#25282E;
	position:fixed;
	padding:5px;
	z-index: 800;
	bottom:0px;
	left:0px;
	width:100%;
}
  
.sheet_button {
	margin:0 8px;
	width:90px;
}

.power_group_box {
	min-height:53px;
	min-width:53px;
	margin:-15px 0 0 0 !important;
}

.clicked_icon {
	opacity : 0.3;
	filter: alpha(opacity=30); // msie
}

.tabs_header {
	z-index:300;
	margin-top:5px;
}

.tabs_box {
	position:relative;
	margin:0 auto;
}

.tabs_header .tab {
	
	float:left;
	
	width:70px;
	text-align:center;
	
	border:1px solid #CCC;
	border-bottom:0px;
	
	color:#fff;
	
	background:#3c434f;
	
	cursor:pointer;
	
	padding:1px 5px 4px 5px;
	margin:4px -1px 0 0;
}

.tabs_header .selected {
	margin-top:0px;
	padding-bottom:7px;
	position:relative;
	bottom:-2px;
}

.character_control {
	width: 100px;
}

.power_box {
	background:#000;
	padding:4px;
	margin:4px;
	position:relative;
}

.group_handle {
	font-size:14px;
	color:#EEE;
	cursor:pointer;
	border-bottom:0px;
	margin:0 0 15px 5px;
}

.li {
	list-style-type: initial !important;
	display:list-item !important;
	margin:0 20px 10px 20px;
}

.level3 > ul {
	padding-bottom:20px;
}

/* 
	-----------------------------------------------------
	Dialog box zoom effect
	-----------------------------------------------------
*/
.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;

	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out; 

	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;

	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1); 

}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 

	opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}


.tptr-container {
	z-index:10000;
	position:absolute;
}

.tptr-widget {
  height: 100px !important;
  width: 100px !important;
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
}

/* pulse glowing effects */

.pulse {
  -webkit-animation: pulsate 1.2s infinite alternate;
  -moz-animation: pulsate 1.2s infinite alternate;
  -animation: pulsate 1.2s infinite alternate;
}
@-webkit-keyframes pulsate {
    from { box-shadow: 0 0 8px #c4c4c4; }
    to { box-shadow: 0 0 20px #FFF; }
}
@-moz-keyframes pulsate {
    from { box-shadow: 0 0 8px #c4c4c4; }
    to { box-shadow: 0 0 20px #FFF; }
}
@keyframes pulsate {
    from { box-shadow: 0 0 8px #c4c4c4; }
    to { box-shadow: 0 0 20px #FFF; }
}


.none {
	display:none;
}


/* 
	-----------------------------------------------------
	END dialog box zoom effect
	-----------------------------------------------------
*/


#gritter-notice-wrapper {
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
}

.keypad_num {
	font-size:14px;
}

.power_element {
	padding-top:6px;
}

@media (max-width: 1200px) {
  
  .none-md {
    display:none !important;
  }
  
  .show-md {
    display:inline !important;
  }
  
}

@media (max-width: 992px) {
  
  .none-sm {
    display:none !important;
  }
  
  .show-sm {
    display:inline !important;
  }
	
}

@media (max-width: 767px) {
  
  .hide-xs {
	  display:none;
  }
  
  .none-xs {
    display:none !important;
  }
  
  .show-xs {
	  display:inline !important;
  }
  
  .power_grouping {
	  padding:1px;
  }
  
  .power_box {
	  margin:0px 0px 8px 0px !important;
  }
  
  .character_control {
	  width:60px;
  }
  
  .options_footer {
	  top:auto;
	  right:auto;
		bottom:0px;
		left:0px;
		width:100%;
		padding:0px;
	}
  
  .sheet_button {
		margin:0;
		width:25%;
	}
	
	.roll_grip_button {
		top:30px;
	}
	
	.power_edit_field {
		position:relative; 
		bottom:-32px;
	}
	
	.notes_list {
		position:absolute !important;
		top:0px !important; 
		left:-190px !important;
		width:200px !important;
		background: #25282E !important;
		border-right:0px !important;
	}
	
	.note_content {
		padding-left:30px;
		
	}
	
}

/* xxs-size container, for phone-sized interfaces */
@media (max-width: 460px) {
  
  /* extend the bootstrap scaffold to include a new hidden-xxs */
  .hidden-xxs, .none-xxs {
    display:none !important;
  }
  
  .visible-xxs {
	  display:inline-block !important;
  }
  
  .col-xxs-12 {
	  width:100% !important;
  }
  
  .col-xxs-6 {
	  width:50% !important;
  }
  
  .roll_grip {
	  top: -30px;
  }
  
}