body, td, th, input, textarea, select, ul, li, a
{
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: 10pt;
}

input:focus, button:focus { outline: none; }

.hidden{
	display: none;
}

a
{
  text-decoration: none;
  color: #15397E;
}

a:hover
{
  text-decoration: underline;
}

a img
{
  border: 0px;
}

hr{
	border: 0;
	padding: 1em 0 0 0;
	margin: 0 0 1em 0;
	border-bottom: 1px dotted #c3c3c3;
}

body{
	background-image: url(../img/ip/bg-body.png);
	background-color: #aaaab0;
	background-position: top center;
	background-repeat: repeat-y;
	text-align: center;
	padding: 0px;
	margin: 0px;
}

.mtest {
    color: red;
}

#main{
	width: 1000px;
	margin: 0px auto;
	background-image: url(../img/ip/bg-main.png);
	background-repeat: no-repeat;
	text-align: left;
}

.main-wide{
	width: 90%;
}

.main-1000{
	width: 1000px;
}

.tcenter{
    text-align: center;
}

#header{
	height: 190px;
	background-image: url(../img/ip/header.png);
	background-position: top center;
	background-repeat: no-repeat;
}

	#logo-ijf{
		position: absolute;
		margin-left: 50px;
	}

	#big-text{
		position: absolute;
		margin-top: 100px;
		margin-left: 30px;
	}

	#menu-icons{
		position: absolute;
		text-align: right;
		margin-left: 300px;
		margin-top: 80px;
	}

		#menu-icons .icon{
			float: left;
		}

	#header .header-show-registrations{
		position: absolute;
		width: 455px;
		height: 41px;
		background-image: url(../img/header-show-registrations-bg.png);
		text-align: center;
		margin-left: 295px;
	}

	#header .header-show-registrations a{
		font-size: 9pt;
	}

	#header .header-show-registrations div{
		margin: 8px 10px 0 10px;
		font-weight: bold;
		color: #3a6379;
	}

#sidemenu{
	width: 180px;
	background-image: url(../img/ip/bg-menu.png);
	background-position: top right;
	background-repeat: no-repeat;
	float: left;
	margin-top: 7px;
}

	#sidemenu ul{
		margin: 0;
		padding: 0;
	}

		#sidemenu ul li{
			text-align: right;
			font-size: 12pt;
			color: #6f6f6f;
			padding: 8px 6px 8px 0;
			list-style-type: none;
		}

		#sidemenu ul li.active{
			color: #e60000;
			background-image: url(../img/ip/bg-menu-item.png);
			background-repeat: repeat-y;
		}

			#sidemenu ul ul li{
				font-size: 10pt;
				padding: 10px 6px 3px 0;
				border-bottom: 1px dotted #dddddd;
			}

			#sidemenu ul ul li.active{
				background-image: none;
			}

			#sidemenu ul ul li.active a{
				color: #e60000;
			}

			#sidemenu ul ul li.first{
				padding-top: 0px;
			}


#content{
	width: 790px;
	margin-right: 10px;
	float: right;
}

#contentwide{
	margin: 0px 20px;
	/*
    width: 970px;
    margin-right: 10px;
    float: right;*/
}

input, textarea, .text, select{
	/*background-image: url(../img/ip/bg-input.png);*/
	box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 3px;
	border: 1px solid #b4c7d2;
	padding: 7px;
}

input[type="submit"]{
	background: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,.3);
}

.text-red{
	box-shadow: inset 0 0 5px rgba(255, 21, 0, 1);
}

.text-green{
	box-shadow: inset 0 0 5px rgba(21, 255, 0, 1);
}

table.common, table.common td {
  padding: 3px;
}


table.form{
	width: 100%;
}

table.form td{
	padding: 3px;
}

table.form td.left{
	width: 160px;
	text-align: right;
}

table.form .odd{ background-color: #eeeeee; }

div.section{
	border: 1px dotted #c3c3c3;
	padding: 10px;
	margin-bottom: 10px;
}

.ijfcard{
	font-weight: bold;
	font-size: 10pt;
	clear: both;
}

/* prene?eno iz starega designa */

h1
{ font-size: 18px;
  font-weight: bold;
  color: #555555;
}
h1.jb_h1 {
  font-size: 18px;
  font-weight: bold;
  color: #555555;
}
h2
{ font-size: 16px;
  font-weight: bold;
  color: #555555;
}
h3
{ font-size: 14px;
  font-weight: bold;
  color: #555555;
}
.dberror
{ color: #ee0000;
  font-size: 8pt;
}
.zvezdica
{
  color: #ee0000;
  font-weight: bold;
}
.zvezdica_opomba
{ font-size: 10px;
  color: #ee0000;
  font-weight: bold;
}
.napaka
{ color: #ee0000;
  font-weight: bold;
}
.opomba
{ color: #666666;
  font-size: 10px;
}
label
{
  width: 150px;
  float: left;
  text-align: right;
  margin-right: 0.5em;
  display: block;
}

option.disabled {
  color: #646E7D;
}
.cellonemog
{
	color: #666666;
}
.onemog
{
	color: #666666;
}

table.age_groups {
	width: 650px;
}

table.round_box
{
  background-color: #ffffff;
}
table.round_box th
{
  background-color: #cccccc;
  font-weight: bold;
  padding: 2px 5px 2px 5px;
  text-align:left;
}
table.round_box td.navig
{
  padding-top: 0px;
  padding-bottom: 5px;
  padding-left: 5px;
}
table.round_box td.top
{
  background: url(/img/round_pixel.gif) repeat-x left top;
  font-size: 1px;
}
table.round_box td.cell
{
  background: url(/img/round_pixel.gif) repeat-x left top;
  padding: 2px 5px 2px 5px;
}
table.round_box td.cellonemog
{
  background: url(/img/round_pixel.gif) repeat-x left top;
  padding: 2px 5px 2px 5px;
	color: #666666;
}
table.round_box td.cellerror
{
  background: url(/img/round_pixel.gif) repeat-x left top;
  padding: 2px 5px 2px 5px;
  background-color: #FFD9D9;
}

table.round_box td.bottom
{
  background: url(/img/round_pixel.gif) repeat-x left bottom;
  font-size: 1px;
}

table.round_box div.top_left
{
  background: url(/img/round_top_left.gif) no-repeat left top;
  height: 10px;
}

table.round_box div.top_right
{
  background: url(/img/round_top_right.gif) no-repeat right top;
  height: 10px;
}

table.round_box div.bottom_left
{
  background: url(/img/round_bottom_left.gif) no-repeat left bottom;
  height: 10px;
}

table.round_box div.bottom_right
{
  background: url(/img/round_bottom_right.gif) no-repeat right bottom;
  height: 10px;
}
table.registry_edit
{

}
table.registry_edit td
{
  padding: 3px;
}
table.registry_edit td.naziv
{
  font-weight: bold;
}
table.registry_edit td.padit
{
  /*padding-left:90px;*/
}
table.registry_edit td.name
{

}
table.registry_edit td.gumb
{
	text-align:left;
  padding-right:15px;
}

table.data-calendar {
	FONT-SIZE: 11px; BACKGROUND: #dddddd; COLOR: #000000
}
table.data-calendar TH {
	FONT-WEIGHT: bold;
}
table.data-calendar TD {
	BACKGROUND: #ffffff; TEXT-ALIGN: center; FONT-SIZE: 11px;
}
table.data-calendar TD.izbranidan {
	BACKGROUND: #cccccc;
}
td.cellonemog
{
	color: #666666;
}

td.navodila
{
	vertical-align:top;
	width:350px;
	border:1px solid #CCCCFF;
	padding:5px;
	font-style:italic;
}
a.dodaj
{
  background-image: url('/img/gumb_dodaj.gif');
  background-repeat: no-repeat;
  padding: 0px 0px 3px 22px;
  margin-left: 10px;
  line-height: 16px;
}

span.dodaj
{
  background-image: url('/img/gumb_dodaj.gif');
  background-repeat: no-repeat;
  padding: 0px 0px 3px 22px;
  margin-left: 10px;
  line-height: 16px;
  cursor:pointer;
}

.flag {
	/*width: 300px;*/
	height: 15px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
}

a.addPerson
{
}
a.dodajmali
{
  background-image: url('/img/gumb_dodajmali.gif');
  background-repeat: no-repeat;
  padding: 0px 0px 3px 15px;
  margin-left: 10px;
  line-height: 10px;
	font-size: 10px;
}
input.desno
{
	text-align: right;
}

ul.top_menu
{
  padding: 0;
  margin: 0;
  text-align: left;
  padding-top: 10px;
  padding-bottom: 10px;
}
ul.top_menu li
{
  padding: 0;
  margin: 0;
  display: inline;
  list-style: none;
  padding-left: 10px;
  margin-left: 10px;
	padding-right: 10px;
  background-image: url('/img/top_menu_li.gif');
  background-repeat: no-repeat;
}

ul.top_menu a.active
{
  color: #000000;
}

ul.top_menu a.activeLink
{
  color: #000000;
  font-weight: bold;
}

table.dataTable{}
	table.dataTable tr.firstRow td {
		color: #0e3270;
		background-image: url(../img/members/table-header.png);
		background-repeat: repeat-x;
		background-color: #d3d3d3;
		background-position: center;
		padding: 5px;
		border-top: 1px solid #dddddf;
		border-bottom: 1px solid #878c90;
		font-weight: bold;
		text-shadow: 0 0 2px #fff;
	}
	/*table.dataTable tr.firstRow th {
		color: #0e3270;
		background-image: url(../img/members/table-header.png);
		background-repeat: repeat-x;
		background-color: #d3d3d3;
		background-position: center;
		padding: 5px;
		border-top: 1px solid #dddddf;
		border-bottom: 1px solid #878c90;
		font-weight: bold;
		text-shadow: 0 0 2px #fff;
	}*/
	table.dataTable tr.data td{
		border-bottom: 1px solid #dddddf;
		padding: 5px;
	}
	table.dataTable tr td{
		padding: 5px;
		border-bottom: 1px solid #dddddd;
	}
	table.dataTable tr.even td{
		background-color: #f9f9f9;
		border-bottom: 1px solid #dddddd;
	}
	table.dataTable .bigInput td{
		padding: 5px;
	}
	table.dataTable .bigInput input{
		font-weight: bold;
	}
	table.dataTable tr:hover td{
		background-color: #eee;
	}
.pointer{
	cursor: pointer;
}

input.hover:hover{
	border: 1px solid #000000;
	color: #000000;
}

.section2{
		border-bottom: 1px dotted #dfdfdf;
		padding-bottom: 10px;
	}
table.column4{ width: 99%; }
table.column4 td{ border-bottom: 2px solid #ffffff; background-color: #eeeeee; padding: 4px; width: 25%; }
table.column4 td.spacer{  }
table.column4 td.last{ }
table.column4 td.last input{ margin-right: 2px; }

.req{
}

.star{
	color: #ef4823;
	font-weight: bold;
	padding-left: 5px;
}
.imgbutton{cursor: pointer;}

table.gridView {
  border-color: #dddddf;
  border-width: 0 0 1px 1px;
  border-style: solid;
}
table.gridView th {
  text-align: center;
  font-weight: bold;
  border-color: #dddddf;
  border-width: 1px 1px 0 0;
  border-style: solid;
  margin: 0;
  padding: 2px;
  background-color: #EEEEEE;
  font-size: 8pt;
}
table.gridView td {
  border-color: #dddddf;
  border-width: 1px 1px 0 0;
  border-style: solid;
  margin: 0;
  padding: 2px;
 /* background-color: #F9F9F9;*/
  font-size: 8pt;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-autocomplete li{
    text-align: left;
}

.notification-white{
    clear: both;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    margin: 1em auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 1em;
    text-align: center;
    font-weight: bold;
    color: #58961b;
}

.notification-green{
    clear: both;
    background-color: #e2fdc7;
    border: 1px solid #a0d66b;
    margin: 1em auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 1em;
    text-align: center;
    font-weight: bold;
    color: #58961b;
}

.notification-red{
    clear: both;
    background-color: #fddfc7;
    border: 1px solid #d6736b;
    margin: 1em auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 1em;
    text-align: center;
    font-weight: bold;
    color: #961b1b;
}
@-webkit-keyframes animpulsate {
  0%   { opacity: 1; }
  50% { opacity: .4; }
  100% { opacity: 1; }
}
@-moz-keyframes animpulsate {
  0%   { opacity: 1; }
  50% { opacity: .4; }
  100% { opacity: 1; }
}
@-o-keyframes animpulsate {
  0%   { opacity: 1; }
  50% { opacity: .4; }
  100% { opacity: 1; }
}
@keyframes animpulsate {
  0%   { opacity: 1; }
  50% { opacity: .4; }
  100% { opacity: 1; }
}

.notification-pulse{
  -webkit-animation: animpulsate 1s infinite; /* Safari 4+ */
  -moz-animation:    animpulsate 1s infinite; /* Fx 5+ */
  -o-animation:      animpulsate 1s infinite; /* Opera 12+ */
  animation:         animpulsate 1s infinite;
}
.notification-pulse:hover{
  -webkit-animation: none; /* Safari 4+ */
  -moz-animation:    none; /* Fx 5+ */
  -o-animation:      none; /* Opera 12+ */
  animation:         none;
}

.rounded-box{
    border: 1px solid #cccccc;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 1em;
}

/* BUTTONS */

.c-butt{
    display: inline-block;
    border: 1px solid #999;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    text-align: center;
}
.c-butt-color{
	background-position: center left;
}
.c-butt-green{
    border: 1px solid #9cc35e;
    background-image: url(../img/button_bg/green.png);
}
.c-butt-red{
    border: 1px solid #a14e45;
    background-image: url(../img/button_bg/red.png);
}
.c-butt-grey{
    border: 1px solid #c3c3c3;
    background-image: url(../img/button_bg/grey.png);
}
.c-butt-orange{
    border: 1px solid #c2733d;
    background-image: url(../img/button_bg/orange.png);
}
.c-butt-color:hover{
	background-position: center right;
}
.c-butt-text{
    color: #ffffff;
    font-weight: bold;
    font-family: "Arial";
    font-size: 11px;
    letter-spacing: 1px;
    padding: 2px 15px;
    text-shadow: 0 0 2px #444444;
}

.c-butt-grey .c-butt-text{
	color: #444;
	text-shadow: 0 0 2px #ffffff;
}

.c-butt-green .c-butt-text{
	text-shadow: 0 0 2px #000;
}

.clear{
    clear: both;
}

#notification {
	position: fixed;
	z-index: 2000;
	background-color: #e2fdc7;
	border: 1px solid #a0d66b;
	margin: 1em auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    padding: 1em;
	font-size: 1em;
	text-align: center;
	font-weight: bold;
    color: #58961b;
	width: 500px;
}

a.btn,
.btn{
	color: #333;
	display: inline-block;
}

.btn.disabled,
a.btn.disabled{
	cursor: default !important;
	font-style: italic;
	color: #777;
}

a.btn:hover{
	text-decoration: none;
}

.btn:hover{
	border: 1px solid #fff;
	box-shadow: 0 0 15px rgba(0,0,0,0.3);
}

.btn{

	box-shadow: 0 0 15px rgba(0,0,0,0.1);

	border-radius: 5px;
	border: 1px solid #c3c3c3;
	padding: 5px 8px;
	display: inline-block;
	cursor: pointer;

	text-shadow: 0px 0px 2px rgba(0,0,0,0.1);


	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );

}

.btn-danger{
	background: rgb(255,118,103);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNzY2NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYjNmM2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,118,103,1) 0%, rgba(251,63,63,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,118,103,1)), color-stop(100%,rgba(251,63,63,1)));
	background: -webkit-linear-gradient(top,  rgba(255,118,103,1) 0%,rgba(251,63,63,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,118,103,1) 0%,rgba(251,63,63,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,118,103,1) 0%,rgba(251,63,63,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,118,103,1) 0%,rgba(251,63,63,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7667', endColorstr='#fb3f3f',GradientType=0 );
	color: #fff;
}

.btn-success{
	background: rgb(164,179,87);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E0YjM1NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NTg5MGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(164,179,87,1) 0%, rgba(117,137,12,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(164,179,87,1)), color-stop(100%,rgba(117,137,12,1)));
	background: -webkit-linear-gradient(top,  rgba(164,179,87,1) 0%,rgba(117,137,12,1) 100%);
	background: -o-linear-gradient(top,  rgba(164,179,87,1) 0%,rgba(117,137,12,1) 100%);
	background: -ms-linear-gradient(top,  rgba(164,179,87,1) 0%,rgba(117,137,12,1) 100%);
	background: linear-gradient(to bottom,  rgba(164,179,87,1) 0%,rgba(117,137,12,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#75890c',GradientType=0 );
	color: #fff;
}

a.btn-danger,
a.btn-success{
	color: #fff;
}

a.btn:focus,
.btn:focus,
.btn.active{
	box-shadow: inset 0 0 15px rgba(0,0,0,0.3);
}

.well{
    clear: both;
    background-color: #fff;
    border: 1px solid #ccc;
    margin: 1em auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 1em;
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
}


.table {
  width: 100%;
  margin-bottom: 20px;
  border-collapse: collapse;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
@media (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

.table-nowrap td{ white-space: nowrap; }


.wrap{
	border: 1px solid #c3c3c3;
	padding: 10px;
	border-radius: 5px;
	overflow-x: scroll;
}

.wrap.wrap-noof{
	overflow: auto;
}

/*bootstrap copied*/
.label-success {
	background-color: #5cb85c;
}
.label-danger {
	background-color: #d9534f;
}
.label-warning {
	background-color: #f0ad4e;
}
.label {
	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
}
.user-info{
	position: absolute;
	right: 20px;
	top: 20px;
}

.text-center{ text-align: center; }
.text-left{ text-align: left; }
.text-right{ text-align: right; }

/*my custom table*/
table.dataTable2{}
table.dataTable2 tr.firstRow td {
	color: #0e3270;
	background-image: url(../img/members/table-header.png);
	background-repeat: repeat-x;
	background-color: #d3d3d3;
	background-position: center;
	padding: 5px;
	border-top: 1px solid #dddddf;
	border-bottom: 1px solid #878c90;
	font-weight: bold;
	text-shadow: 0 0 2px #fff;
}
table.dataTable2 tr.data td{
	border-bottom: 1px solid #dddddf;
	padding: 5px;
}
table.dataTable2 tr td{
	padding: 5px;
	border-bottom: 1px solid #dddddd;
}
table.dataTable2 tr.even td{
	background-color: #f9f9f9;
	border-bottom: 1px solid #dddddd;
}
table.dataTable2 .bigInput td{
	padding: 5px;
}
table.dataTable2 .bigInput input{
	font-weight: bold;
}

/*my custom table*/
table.dataTable3{}
table.dataTable3 tr.firstRow td {
	color: #0e3270;
	background-image: url(../img/members/table-header.png);
	background-repeat: repeat-x;
	background-color: #d3d3d3;
	background-position: center;
	padding: 5px;
	border-top: 1px solid #dddddf;
	border-bottom: 1px solid #878c90;
	font-weight: bold;
	text-shadow: 0 0 2px #fff;
}