@charset "UTF-8";

html,
body {
   margin:0;
   padding:0;
   height:100%;
}

.body:before,
.body:after {
    content:"";
    display:table;
}

.body:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.body {
    zoom:1;
}

#wrapper {
   background: url("../images/background.png") repeat-x scroll 0 0 #FFF;
   min-width: 960px;
}

#container {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -4em;
  min-height: 100%;
  position: relative;
}

#container:before, #container:after {
    content:"";
    display:table;
}

#outerl_page {
  width: 98%;
  margin: 0 auto;
  background: url("../images/topl.png") no-repeat top left;
}
#outerr_page {
  background: url("../images/topr.png") no-repeat top right;
}

div#tabbed_nav {
      height: 2.5em;
      margin: 0 17px;
      background: url("../images/top.png") repeat-x top left;
    }

div#tabbed_subnav {
   /*height: 2.5em;*/
   margin: 0px 15px 20px;
   border: 1px solid #CACACA;
   padding: 0 8px;
   text-align: right;
   vertical-align: middle;
}

div#tabbed_subnav div#user_details {
   display:inline-block;
   z-index: 100;
   position: relative;
}

#page {
  margin: 0 17px;
  padding: 0px 20px 20px 20px;
}


#footer {
  height: 4em;
  background:#eaeaea;
  text-align: center;
  }
#footer_push {
  height: 4em;
z-index: -1321;
}

/*Opera Fix*/
body:before {
    content:"";
    height:100%;
    float:left;
    width:0;
    margin-top:-32767px;/
}


#logo {
    width: 200px;
    height: 50px;
    background: url("../images/logo.png") no-repeat 0 0;
    margin: 10px 20px;
}


#menudisp {
  float : right;
  margin: 10px;
}

/***tooltips***/
span.ok {
   background: url('../icons/tick-circle.png')  no-repeat 0 0;
   width: 16px;
   height: 16px;
   display: inline-block;
}

span.ko {
   background: url('../icons/tick-red.png')  no-repeat 0 0;
   width: 16px;
   height: 16px;
   display: inline-block;
}

span.help {
   background: url('../icons/information-balloon.png')  no-repeat 0 0;
   width: 16px;
   height: 16px;
   display: inline-block;
   padding: 0 3px;
   vertical-align: middle;
}

.tooltip {
    background-color:#000;
    border:1px solid #fff;
    padding:10px 15px;
    max-width:400px;
    display:none;
    color:#fff;
    text-align:left;
    font-size:12px;

    /* outline radius for mozilla/firefox only */
    -moz-box-shadow:0 0 10px #000;
    -webkit-box-shadow:0 0 10px #000;
}

#tabbed_subnav div#user_details span {
	margin: 6px;
	display: inline-block;
}

#tabbed_subnav div#user_details img {
	vertical-align: middle;
}

#tabbed_subnav div#user_details span a {
	color: inherit;
}



/***************************
 * CSS 3 Buttons
 * http://github.com/michenriksen/css3buttons
 * created by Michael Henriksen
 * License: Unlicense
 *
 * *******************/

a.button { display: inline-block; vertical-align: middle; padding: 6px 5px 5px 5px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; color: #3C3C3D; text-shadow: 1px 1px 0 #FFFFFF; background: #ECECEC url('../images/css3buttons_backgrounds.png') 0 0 no-repeat; white-space: nowrap; overflow: visible; cursor: pointer; text-decoration: none; border: 1px solid #CACACA; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; outline: none; position: relative; zoom: 1; line-height: 1.11; *display: inline; *vertical-align: middle; }
button { margin-left: 0; margin-right: 0; *padding: 5px 5px 3px 5px; }
button::-moz-focus-inner { border: 0; padding:0px; }
a.button.primary { font-weight: bold }
a.button:focus, a.button:hover { color: #FFFFFF; border-color: #388AD4; text-decoration: none; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); background-position: 0 -40px; background-color: #2D7DC5; }
a.button:active, a.button.active { background-position: 0 -81px; border-color: #347BBA; background-color: #0F5EA2; color: #FFFFFF; text-shadow: none; }
a.button:active { top: 1px }
a.button.negative:focus, a.button.negative:hover { color: #FFFFFF; background-position: 0 -121px; background-color: #D84743; border-color: #911D1B; }
a.button.negative:active, a.button.negative.active { background-position: 0 -161px; background-color: #A5211E; border-color: #911D1B; }
a.button.positive:focus, a.button.positive:hover { background-position: 0 -280px; background-color: #96ED89; border-color: #45BF55; }
a.button.positive:active, a.button.positive.active { background-position: 0 -320px; background-color: #45BF55; }
a.button.pill { -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px; padding: 5px 10px 4px 10px; *padding: 4px 10px; }
a.button.left { -webkit-border-bottom-right-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-topright: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; margin-right: 0px; }
a.button.middle { margin-right: 0px; margin-left: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border-right: none; border-left: none; }
a.button.right { -webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; margin-left: 0px; }
a.button.left:active, a.button.middle:active, a.button.right:active { top: 0px }
a.button.big { font-size: 16px; padding-left: 17px; padding-right: 17px; }
a.button span.icon { display: inline-block; width: 14px; height: 12px; margin: auto 7px auto auto; position: relative; top: 2px; *top: 0px; background-image: url('../images/css3buttons_icons.png'); background-repeat: no-repeat; }
a.big.button span.icon { top: 0px }
a.button span.icon.book { background-position: 0 0 }
a.button:hover span.icon.book { background-position: 0 -15px }
a.button span.icon.calendar { background-position: 0 -30px }
a.button:hover span.icon.calendar { background-position: 0 -45px }
a.button span.icon.chat { background-position: 0 -60px }
a.button:hover span.icon.chat { background-position: 0 -75px }
a.button span.icon.check { background-position: 0 -90px }
a.button:hover span.icon.check { background-position: 0 -103px }
a.button span.icon.clock { background-position: 0 -116px }
a.button:hover span.icon.clock { background-position: 0 -131px }
a.button span.icon.cog { background-position: 0 -146px }
a.button:hover span.icon.cog { background-position: 0 -161px }
a.button span.icon.comment { background-position: 0 -176px }
a.button:hover span.icon.comment { background-position: 0 -190px }
a.button span.icon.cross { background-position: 0 -204px }
a.button:hover span.icon.cross { background-position: 0 -219px }
a.button span.icon.downarrow { background-position: 0 -234px }
a.button:hover span.icon.downarrow { background-position: 0 -249px }
a.button span.icon.fork { background-position: 0 -264px }
a.button:hover span.icon.fork { background-position: 0 -279px }
a.button span.icon.heart { background-position: 0 -294px }
a.button:hover span.icon.heart { background-position: 0 -308px }
a.button span.icon.home { background-position: 0 -322px }
a.button:hover span.icon.home { background-position: 0 -337px }
a.button span.icon.key { background-position: 0 -352px }
a.button:hover span.icon.key { background-position: 0 -367px }
a.button span.icon.leftarrow { background-position: 0 -382px }
a.button:hover span.icon.leftarrow { background-position: 0 -397px }
a.button span.icon.lock { background-position: 0 -412px }
a.button:hover span.icon.lock { background-position: 0 -427px }
a.button span.icon.loop { background-position: 0 -442px }
a.button:hover span.icon.loop { background-position: 0 -457px }
a.button span.icon.magnifier { background-position: 0 -472px }
a.button:hover span.icon.magnifier { background-position: 0 -487px }
a.button span.icon.mail { background-position: 0 -502px }
a.button:hover span.icon.mail { background-position: 0 -514px }
a.button span.icon.move { background-position: 0 -526px }
a.button:hover span.icon.move { background-position: 0 -541px }
a.button span.icon.pen { background-position: 0 -556px }
a.button:hover span.icon.pen { background-position: 0 -571px }
a.button span.icon.pin { background-position: 0 -586px }
a.button:hover span.icon.pin { background-position: 0 -601px }
a.button span.icon.plus { background-position: 0 -616px }
a.button:hover span.icon.plus { background-position: 0 -631px }
a.button span.icon.reload { background-position: 0 -646px }
a.button:hover span.icon.reload { background-position: 0 -660px }
a.button span.icon.rightarrow { background-position: 0 -674px }
a.button:hover span.icon.rightarrow { background-position: 0 -689px }
a.button span.icon.rss { background-position: 0 -704px }
a.button:hover span.icon.rss { background-position: 0 -719px }
a.button span.icon.tag { background-position: 0 -734px }
a.button:hover span.icon.tag { background-position: 0 -749px }
a.button span.icon.trash { background-position: 0 -764px }
a.button:hover span.icon.trash { background-position: 0 -779px }
a.button span.icon.unlock { background-position: 0 -794px }
a.button:hover span.icon.unlock { background-position: 0 -809px }
a.button span.icon.uparrow { background-position: 0 -824px }
a.button:hover span.icon.uparrow { background-position: 0 -839px }
a.button span.icon.user { background-position: 0 -854px }
a.button:hover span.icon.user { background-position: 0 -869px }

button[type="submit"].button, input[type="submit"].button { display: inline-block; padding: 3px 5px 3px 5px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; color: #3C3C3D; text-shadow: 1px 1px 0 #FFFFFF; background: #ECECEC url('../images/css3buttons_backgrounds.png') 0 0 no-repeat; white-space: nowrap; overflow: visible; cursor: pointer; text-decoration: none; border: 1px solid #CACACA; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-background-clip: padding-box; border-radius: 2px; outline: none; position: relative; zoom: 1; *display: inline; }
button[type="submit"].button.primary, input[type="submit"].button.primary { font-weight: bold }
button[type="submit"].button span.icon, input[type="submit"].button span.icon { display: inline-block; width: 14px; height: 12px; margin: auto 7px auto auto; position: relative; top: 2px; background-image: url('../images/css3buttons_icons.png'); background-repeat: no-repeat; }
button[type="submit"].button:hover, input[type="submit"].button:hover { color: #FFFFFF; border-color: #388AD4; text-decoration: none; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); background-position: 0 -40px; background-color: #2D7DC5; }
button[type="submit"].button span.icon.check, input[type="submit"].button span.icon.check { background-position: 0 -90px }
button[type="submit"].button:hover span.icon.check, input[type="submit"].button:hover span.icon.check { background-position: 0 -103px }
button[type="submit"].button.negative:focus, button[type="submit"].button.negative:hover,
input[type="submit"].button.negative:focus, input[type="submit"].button.negative:hover { color: #FFFFFF; background-position: 0 -121px; background-color: #D84743; border-color: #911D1B; }
button[type="submit"].button.negative:active, button[type="submit"].button.negative.active,
input[type="submit"].button.negative:active, input[type="submit"].button.negative.active { background-position: 0 -161px; background-color: #A5211E; border-color: #911D1B; }
button[type="submit"].button.positive:focus, button[type="submit"].button.positive:hover,
input[type="submit"].button.positive:focus, input[type="submit"].button.positive:hover { background-position: 0 -280px; background-color: #96ED89; border-color: #45BF55; }
button[type="submit"].button.positive:active, button[type="submit"].button.positive.active,
input[type="submit"].button.positive:active, input[type="submit"].button.positive.active { background-position: 0 -320px; background-color: #45BF55; }
button[type="submit"].button.big, input[type="submit"].button.big { font-size: 16px; padding-left: 17px; padding-right: 17px; }

/***awesome start http://www.zurb.com/blog_uploads/0000/0617/buttons-03.html***/

.awesome, .awesome:visited {
	background: #222 url('../images/alert-overlay.png') repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px;
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

	.awesome:hover								{ background-color: #111; color: #fff; }
	.awesome:active								{ top: 1px; }
	.small.awesome, .small.awesome:visited 		{ font-size: 11px; padding: ; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 	{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 		{ font-size: 14px; padding: 8px 14px 9px; }
	
	.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
	.green.awesome:hover						{ background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
	.blue.awesome:hover							{ background-color: #007d9a; }
	.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
	.red.awesome:hover							{ background-color: #872300; }
	.magenta.awesome, .magenta.awesome:visited	{ background-color: #a9014b; }
	.magenta.awesome:hover						{ background-color: #630030; }
	.orange.awesome, .orange.awesome:visited	{ background-color: #ff5c00; }
	.orange.awesome:hover						{ background-color: #d45500; }
	.yellow.awesome, .yellow.awesome:visited	{ background-color: #ffb515; }
	.yellow.awesome:hover						{ background-color: #fc9200; }

/***awesome end***/

/** icons in forms labels start**/

form label img, h1 img, h2 img, h3 img, h4 img, h5 img {
	vertical-align: middle;
	padding-right: 5px;
}
.ui-tabs form label {
    color: #404040;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 30px;
    display: inline-block;
    padding: 0 5px;
}

/** icons in forms labels end**/
/***Superfish styles start***/


    /*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
    margin:         0;
    padding:        0;
    list-style:     none;
}
.sf-menu {
    line-height:    1.0;
}
.sf-menu ul {
    position:       absolute;
    top:            -999em;
    width:          10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
    width:          100%;
}
.sf-menu li:hover {
    visibility:     inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
    float:          left;
    position:       relative;
}
.sf-menu a {
    display:        block;
    position:       relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left:           0;
    top:            2.5em; /* match top ul list item height */
    z-index:        99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top:            -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left:           10em; /* match ul width */
    top:            0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top:            -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left:           10em; /* match ul width */
    top:            0;
}

/*** DEMO SKIN ***/
.sf-menu {
    float:          left;
    margin-bottom:  0;
}
.sf-menu a {
    padding:        .75em 1em;
    text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
    color:          #000000;
}



    /*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {
    background:     transparent;
    height:         2.5em;
    padding-bottom: 2.5em;
    position:       relative;
    white-space: nowrap;
}
.sf-navbar > li {
    /*position:     static;*/
    background: -moz-linear-gradient(center top , #FFFFFF, #F5F5F5) repeat scroll 0 0 transparent;
    border: 1px solid #DDDDDD;
    border-radius: 5px 5px 0 0;
    display: block;
    float: left;
    /*margin: 0 1px;*/
    min-width: 60px;
}
.sf-navbar a {
    border-top:     none;
}
.sf-navbar li ul {
    width:          44em; /*IE6 soils itself without this*/
}

.sf-navbar li li {
    background:     transparent;
    position:       relative;
}
.sf-navbar li li ul {
    width:          13em;
}
.sf-navbar li li li {
    width:          100%;
}
.sf-navbar ul li {
    width:          auto;
    float:          left;
}
.sf-navbar a, .sf-navbar a:visited {
    border:         none;
}
.sf-navbar li.current {
    background:     transparent;
}
.sf-navbar li:hover,
.sf-navbar li.sfHover {
    background:     #FFFFFF;
    border-radius: 5px 5px 0 0;
    border-bottom : hidden;
}

.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active, .sf-navbar li li.current {
   background: transparent;
}

.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {
    background:     transparent;
}
ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
.sf-navbar li li.current li.current,
.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {
    background:     transparent;
}

ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
    left:           0;
    top:            2.5em; /* match top ul list item height */
}
ul.sf-navbar .current ul ul {
    top:            -999em;
}

.sf-navbar li li.current > a {
    font-weight:    bold;
}


/***Superfish styles end***/

/**bootstrap forms start**/
form {
  margin-bottom: 18px;
}
form .clearfix {
  margin-bottom: 18px;
  zoom: 1;
}
form .clearfix:before, form .clearfix:after {
  display: table;
  content: "";
  zoom: 1;
}
form .clearfix:after {
  clear: both;
}
label,
input,
select,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}
form .input {
  margin-left: 150px;
}
input[type=checkbox], input[type=radio] {
  cursor: pointer;
}
input,
textarea,
select,
.uneditable-input {
  display: inline-block;
  width: 210px;
  height: 18px;
  padding: 4px;
  font-size: 13px;
  line-height: 18px;
  color: #808080;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
select {
  padding: initial;
}
input[type=checkbox], input[type=radio] {
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 0;
  *margin-top: 0;
  /* IE6-7 */

  line-height: normal;
  border: none;
}
input[type=file] {
  background-color: #ffffff;
  padding: initial;
  border: initial;
  line-height: initial;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
input[type=button], input[type=reset], input[type=submit] {
  width: auto;
  height: auto;
}
select, input[type=file] {
  height: 27px;
  *height: auto;
  line-height: 27px;
  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */

}
input[type=file] {
  height: 27px;
  *height: auto;
  line-height: 27px;
  *margin-top: 4px;
  display: block;
  /* For IE7, add top margin to align select with labels */

}
select[multiple] {
  height: inherit;
  background-color: #ffffff;
}
textarea {
  height: auto;
}
.uneditable-input {
  background-color: #ffffff;
  display: block;
  border-color: #eee;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  cursor: not-allowed;
}
:-moz-placeholder {
  color: #bfbfbf;
}
::-webkit-input-placeholder {
  color: #bfbfbf;
}
input, textarea {
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
input:focus, textarea:focus {
  outline: 0;
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
input[type=file]:focus, input[type=checkbox]:focus, select:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: 1px dotted #666;
}
form .clearfix.error > label, form .clearfix.error .help-block, form .clearfix.error .help-inline {
  color: #b94a48;
}
form .clearfix.error input, form .clearfix.error textarea {
  color: #b94a48;
  border-color: #ee5f5b;
}
form .clearfix.error input:focus, form .clearfix.error textarea:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  -moz-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7;
}
form .clearfix.error .input-prepend .add-on, form .clearfix.error .input-append .add-on {
  color: #b94a48;
  background-color: #fce6e6;
  border-color: #b94a48;
}
form .clearfix.warning > label, form .clearfix.warning .help-block, form .clearfix.warning .help-inline {
  color: #c09853;
}
form .clearfix.warning input, form .clearfix.warning textarea {
  color: #c09853;
  border-color: #ccae64;
}
form .clearfix.warning input:focus, form .clearfix.warning textarea:focus {
  border-color: #be9a3f;
  -webkit-box-shadow: 0 0 6px #e5d6b1;
  -moz-box-shadow: 0 0 6px #e5d6b1;
  box-shadow: 0 0 6px #e5d6b1;
}
form .clearfix.warning .input-prepend .add-on, form .clearfix.warning .input-append .add-on {
  color: #c09853;
  background-color: #d2b877;
  border-color: #c09853;
}
form .clearfix.success > label, form .clearfix.success .help-block, form .clearfix.success .help-inline {
  color: #468847;
}
form .clearfix.success input, form .clearfix.success textarea {
  color: #468847;
  border-color: #57a957;
}
form .clearfix.success input:focus, form .clearfix.success textarea:focus {
  border-color: #458845;
  -webkit-box-shadow: 0 0 6px #9acc9a;
  -moz-box-shadow: 0 0 6px #9acc9a;
  box-shadow: 0 0 6px #9acc9a;
}
form .clearfix.success .input-prepend .add-on, form .clearfix.success .input-append .add-on {
  color: #468847;
  background-color: #bcddbc;
  border-color: #468847;
}
.input-mini,
input.mini,
textarea.mini,
select.mini {
  width: 60px;
}
.input-small,
input.small,
textarea.small,
select.small {
  width: 90px;
}
.input-medium,
input.medium,
textarea.medium,
select.medium {
  width: 150px;
}
.input-large,
input.large,
textarea.large,
select.large {
  width: 210px;
}
.input-xlarge,
input.xlarge,
textarea.xlarge,
select.xlarge {
  width: 270px;
}
.input-xxlarge,
input.xxlarge,
textarea.xxlarge,
select.xxlarge {
  width: 530px;
}
textarea.xxlarge {
  overflow-y: auto;
}
input.span1, textarea.span1 {
  display: inline-block;
  float: none;
  width: 30px;
  margin-left: 0;
}
input.span2, textarea.span2 {
  display: inline-block;
  float: none;
  width: 90px;
  margin-left: 0;
}
input.span3, textarea.span3 {
  display: inline-block;
  float: none;
  width: 150px;
  margin-left: 0;
}
input.span4, textarea.span4 {
  display: inline-block;
  float: none;
  width: 210px;
  margin-left: 0;
}
input.span5, textarea.span5 {
  display: inline-block;
  float: none;
  width: 270px;
  margin-left: 0;
}
input.span6, textarea.span6 {
  display: inline-block;
  float: none;
  width: 330px;
  margin-left: 0;
}
input.span7, textarea.span7 {
  display: inline-block;
  float: none;
  width: 390px;
  margin-left: 0;
}
input.span8, textarea.span8 {
  display: inline-block;
  float: none;
  width: 450px;
  margin-left: 0;
}
input.span9, textarea.span9 {
  display: inline-block;
  float: none;
  width: 510px;
  margin-left: 0;
}
input.span10, textarea.span10 {
  display: inline-block;
  float: none;
  width: 570px;
  margin-left: 0;
}
input.span11, textarea.span11 {
  display: inline-block;
  float: none;
  width: 630px;
  margin-left: 0;
}
input.span12, textarea.span12 {
  display: inline-block;
  float: none;
  width: 690px;
  margin-left: 0;
}
input.span13, textarea.span13 {
  display: inline-block;
  float: none;
  width: 750px;
  margin-left: 0;
}
input.span14, textarea.span14 {
  display: inline-block;
  float: none;
  width: 810px;
  margin-left: 0;
}
input.span15, textarea.span15 {
  display: inline-block;
  float: none;
  width: 870px;
  margin-left: 0;
}
input.span16, textarea.span16 {
  display: inline-block;
  float: none;
  width: 930px;
  margin-left: 0;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  background-color: #f5f5f5;
  border-color: #ddd;
  cursor: not-allowed;
}
.actions {
  background: #f5f5f5;
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 17px 20px 18px 150px;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.actions .secondary-action {
  float: right;
}
.actions .secondary-action a {
  line-height: 30px;
}
.actions .secondary-action a:hover {
  text-decoration: underline;
}
.help-inline, .help-block {
  font-size: 13px;
  line-height: 18px;
  color: #bfbfbf;
}
.help-inline {
  padding-left: 5px;
  *position: relative;
  /* IE6-7 */

  *top: -5px;
  /* IE6-7 */

}
.help-block {
  display: block;
  max-width: 600px;
}
.inline-inputs {
  color: #808080;
}
.inline-inputs span {
  padding: 0 2px 0 1px;
}
.input-prepend input, .input-append input {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.input-prepend .add-on, .input-append .add-on {
  position: relative;
  background: #f5f5f5;
  border: 1px solid #ccc;
  z-index: 2;
  float: left;
  display: block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 4px 4px 5px;
  margin-right: -1px;
  font-weight: normal;
  line-height: 18px;
  color: #bfbfbf;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-prepend .active, .input-append .active {
  background: #a9dba9;
  border-color: #46a546;
}
.input-prepend .add-on {
  *margin-top: 1px;
  /* IE6-7 */

}
.input-append input {
  float: left;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-append .add-on {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  margin-right: 0;
  margin-left: -1px;
}
.inputs-list {
  margin: 0 0 5px;
  width: 100%;
}
.inputs-list li {
  display: block;
  padding: 0;
  width: 100%;
}
.inputs-list label {
  display: block;
  float: none;
  width: auto;
  padding: 0;
  margin-left: 20px;
  line-height: 18px;
  text-align: left;
  white-space: normal;
}
.inputs-list label strong {
  color: #808080;
}
.inputs-list label small {
  font-size: 11px;
  font-weight: normal;
}
.inputs-list .inputs-list {
  margin-left: 25px;
  margin-bottom: 10px;
  padding-top: 0;
}
.inputs-list:first-child {
  padding-top: 6px;
}
.inputs-list li + li {
  padding-top: 2px;
}
.inputs-list input[type=radio], .inputs-list input[type=checkbox] {
  margin-bottom: 0;
  margin-left: -20px;
  float: left;
}
.form-stacked {
  padding-left: 20px;
}
.form-stacked fieldset {
  padding-top: 9px;
}
.form-stacked legend {
  padding-left: 0;
}
.form-stacked label {
  display: block;
  float: none;
  width: auto;
  font-weight: bold;
  text-align: left;
  line-height: 20px;
  padding-top: 0;
}
.form-stacked .clearfix {
  margin-bottom: 9px;
}
.form-stacked .clearfix div.input {
  margin-left: 0;
}
.form-stacked .inputs-list {
  margin-bottom: 0;
}
.form-stacked .inputs-list li {
  padding-top: 0;
}
.form-stacked .inputs-list li label {
  font-weight: normal;
  padding-top: 0;
}
.form-stacked div.clearfix.error {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  margin-top: 0;
  margin-left: -10px;
}
.form-stacked .actions {
  margin-left: -20px;
  padding-left: 20px;
}
/**bootstrap forms stop**/

/**nicer error divs start**/


div.error {
	background: #e33100 url('../images/alert-overlay.png') repeat-x; 
	padding: 5px 10px 6px;
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	margin: 10px;
}

/**nicer error divs stop**/

div.errors input { border: 1px solid #F35757}
div.errors span { color: #CD0A0A}

label {
    white-space: nowrap;
    vertical-align: middle;
}

div.p20, span.p20 {padding: 20px;}

div.p10, span.p10 {padding: 10px;}


/* loading window start */

div#loadingwindow {
   margin: 0 auto;
   width: 100px;
   text-align: center;
   
}

span.ajax-loader-4 {
   background: url(../images/loader100.gif) no-repeat;
   display: block;
   height: 64px;
   width; 125px;
}

span.wloader {
   background: url(../images/loader100.gif) no-repeat;
   display: block;
   height: 125px;
   width: 125px;
}

#wloading.amloading {
	position: absolute;
    left: -10000px;
}
/* loading window stop */

/* timepicker */

#ui-datepicker-div { display:none }
.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 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

/* jquery-spinner */

.ui-spinner {position: relative; border: 0px solid white; }
.ui-spinner-buttons {position: absolute}
.ui-spinner-button {overflow: hidden}

/* tag editor  */
.tagEditor {
  margin: 4px 0;
  padding: 0;
}

.tagEditor li {
  display: inline;
  background: url('../js/star.gif') no-repeat right -80px;
  list-style-type: none;
  padding: 0 18px 0 6px;
  margin: 0 4px;
  cursor: pointer;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.tagEditor li:hover {
    background-color: #eee;
}

/* tooltip rates */

#tooltip_rates_target {
   width : 22em;
}

#tooltip_rates {
    border: 1px solid #6699CC;
    border-collapse: collapse;
    margin: 10px;
    text-align: left;
    width: 20em;
}

#tooltip_rates th {
    color: #003399;
    font-size: 14px;
    font-weight: normal;
    padding: 0px 5px 5px;
}
#tooltip_rates tbody {
    background: none repeat scroll 0 0 #E8EDFF;
}
#tooltip_rates td {
    border-top: 1px dashed #FFFFFF;
    color: #666699;
    padding: 1px;
}

td.datar, th.datar {
   text-align: right;
}

td.datac, th.datac {
   text-align: center;
}

#tooltip_rates tbody tr:hover td {
    background: none repeat scroll 0 0 #D0DAFD;
    color: #333399;
}

#tooltip_rates_reveal span {
   width: 16px;
   height : 16px;
   background : url(../images/wallet-exclamation.png) no-repeat;
   display: block;
}

/* currency flags */

.cur_flags {
  width: 25px;
  background : url(../images/cur_flags.png) no-repeat;
  display: block;
}

.cur_flags.ARS {
    background-position: 0px 0px;
    height: 16px;
}

.cur_flags.AUD {
    background-position: 0px -16px;
    height: 13px;
}

.cur_flags.BRL {
    background-position: 0px -29px;
    height: 17px;
}

.cur_flags.CAD {
    background-position: 0px -47px;
    height: 13px;
}

.cur_flags.CHF {
    background-position: 0px -60px;
    height: 13px;
}

.cur_flags.CNY {
    background-position: 0px -73px;
    height: 16px;
}

.cur_flags.EUR {
    background-position: 0px -90px;
    height: 16px;
}

.cur_flags.GBP {
    background-position: 0px -107px;
    height: 16px;
}

.cur_flags.JPY {
    background-position: 0px -121px;
    height: 16px;
}

.cur_flags.RUB {
    background-position: 0px -136px;
    height: 16px;
}

.cur_flags.TND {
    background-position: 0px -153px;
    height: 16px;
}

.cur_flags.USD {
    background-position: 0px -170px;
    height: 13px;
}

.cur_flags.INR {
    background-position: 0px -183px;
    height: 16px;
}

/* flags for public pages - start */

span.flag_ita {
	background: url(../icons/flag_italy.png) no-repeat;
	display: inline-block;
	width: 32px;
	height: 32px;
}

span.flag_en {
	background: url(../icons/flag_usa.png) no-repeat;
	display: inline-block;
	width: 32px;
	height: 32px;
}

/* flags for public pages - end */

fieldset ul, fieldset li{
   border:0; margin:0; padding:0; list-style:none;
}

fieldset li{
   clear:both;
   list-style:none;
   padding-bottom:10px;
}

fieldset input{
   float:left;
}

fieldset label{
   width:140px;
   margin: 0.5em;
   float:left;
}

.auth_navbar {
   top: 0px;
   float: right;
   padding: 3px 10px 3px 10px;
}

/* footer bar */
#contact_info {
    font-size: 70%;
}

#thanks {
    height: 25px;
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
    position: relative;
}


span.antipixel {
    width: 110px;
    height: 18px;
    display: block;
    float: left;
    margin: 3px 5px;
    opacity : 0.5;
    filter: alpha(opacity=50);
}

span.antipixel:hover {
  opacity : 1;
  filter: alpha(opacity=100);

}

span.ap_postgre {
    background : url("../images/ap_buttons.png") no-repeat 0 0;
}
span.ap_jquery {
    background : url("../images/ap_buttons.png") no-repeat 0 -18px;
}
span.ap_web2py {
    background : url("../images/ap_buttons.png") no-repeat 0 -36px;
}
span.ap_redis {
    background : url("../images/ap_buttons.png") no-repeat 0 -54px;
}
span.ap_python {
    background : url("../images/ap_buttons.png") no-repeat 0 -72px;
}
span.ap_jstree {
    background : url("../images/ap_buttons.png") no-repeat 0 -90px;
}
span.ap_jqueryui {
    background : url("../images/ap_buttons.png") no-repeat 0 -108px;
}
span.ap_fugue {
    background : url("../images/ap_buttons.png") no-repeat 0 -126px;
}
span.ap_fatcow {
    background : url("../images/ap_buttons.png") no-repeat 0 -144px;
}
span.ap_datatables {
    background : url("../images/ap_buttons.png") no-repeat 0 -162px;
}
span.ap_absolution {
    background : url("../images/ap_buttons.png") no-repeat 0 -180px;
}
span.ap_html5 {
    background : url("../images/ap_buttons.png") no-repeat 0 -198px;
}
span.ap_cherokee {
    background : url("../images/ap_buttons.png") no-repeat 0 -216px;
}
span.ap_uwsgi {
    background : url("../images/ap_buttons.png") no-repeat 0 -234px;
}

/* uploadify */
.uploadifyQueueItem {
    background-color: #F5F5F5;
    margin-top: 5px;
    padding: 10px;
}

.uploadifyQueueItem td {
  vertical-align: middle;
}

.uploadifyError {
    background-color: #FDE5DD !important;
}



form.file_upload {
  display: inline-block;
  padding: 6px 5px 5px 5px;
  font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
  font-size: 12px;
  color: #3C3C3D;
  text-shadow: 1px 1px 0 #FFFFFF;
  background: #ECECEC url('../images/css3buttons_backgrounds.png') 0 0 no-repeat;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none;
  border: 1px solid #CACACA;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  outline: none;
  position: relative;
  zoom: 1;
  line-height: 1.11;
  *display: inline;
  *vertical-align: middle;
  overflow: hidden;
  float:left;
}


form.file_upload_highlight,
form.file_upload:hover {
  color: #FFFFFF;
  border-color: #388AD4;
  text-decoration: none;
  text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
  background-position: 0 -40px;
  background-color: #2D7DC5;
}

form.file_upload input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  border: 300px solid transparent;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  filter: alpha(opacity=0);
  -o-transform: translate(-300px, -300px) scale(10);
  -moz-transform: translate(-800px, 0) scale(10);
  cursor: pointer;
  height: 100%;
}

:root form.file_upload input {
  height: auto;
}

form.file_upload button,
.no-js .file_upload_label,
.no-js .file_upload_overall_progress,
.no-js .file_upload_buttons {
  display: none;
}

.file_upload .file_upload_label,
.file_upload .file_upload_overall_progress,
.file_upload .file_upload_buttons {
  display: block;
}

.file_upload img {
  border: none;
}

.progressbar, .progressbar div {
  border: 1px solid #aaa;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.progressbar div {
  width: 100%;
  height: 100%;
  margin: -1px;
}

.file_upload_progress .ui-progressbar-value,
.file_upload_overall_progress .ui-progressbar-value,
.progressbar div {
  background: url(../images/pbar-ani.gif);
}

.file_upload_progress div {
  width: 150px;
  height: 17px;
}

.file_upload_overall_progress div {
  width: 350px;
  height: 17px;
}

.file_upload .file_name {
  padding: 0 10px;
  font-size: 1.1em;
}

.file_upload .file_size {
  padding: 0 10px 0 0;
  text-align: right;
  font-size: 1.1em;
}

.file_upload .files,
.file_upload_overall_progress {
  margin: 10px 0;
}

.file_upload .ui-widget {
  font-size: 1em;
}