.logo{
	background-position:0px 0px;
	width:248px;
	height:58px;
}
.logo_reverse{
	background-position:0px -201px !important;
	width:249px;
	height:55px;
}
body {
  margin: 0px;
	font-family: arial, serif;
  font-size: 10pt; }

div { }
  div.auto_complete {
    background: #FFFFE6; }
    div.auto_complete ul {
      list-style-type: none;
      margin: 0px;
      padding: 0px;
      border: 1px solid #888; }
      div.auto_complete ul li {
        list-style-type: none;
        display: block;
        margin: 0;
        padding: 2px;
        cursor: pointer;
        font-size: 10pt; }
        div.auto_complete ul li.selected {
          background-color: #FFB; }

img {
  border-width: 0px; }

form {
  display: inline; }


.logo{background-position:0px 0px;width:248px;height:58px;}

a {
  text-decoration: none;
  color: #993940; }
  a:hover {
    color: #435978;
    text-decoration: underline; }
	a:active{
		position:relative;
		top:1px;
	}

.center {
  text-align: center; }

.white {
  color: #FFF; }

#account_logo {
  margin-right: 15px; }

#header {
  height: 110px;
  margin-left: -50px;
}
#header > #user_bar {
  float: right;
  margin-top: 20px;
	margin-right:30px;
  text-align: center;
  color: #464646;
}	
 #header > #user_bar > a {
   color: #464646;
   margin-right: 10px;
}
#header > #user_bar > a > img{
	height:18px;
	background:#FFF;
	border:1px solid #333;
	vertical-align:middle;
}
#nav {
	background:#7cc3df;
	padding:10px 0px 10px 30px;
	margin-top:-10px;
  -webkit-border-radius: 8px;
  -moz-border-radius-bottom: 8px;
	font-size:11pt;
	display:inline;
}
#nav > a{
	color:#FFF;
	margin-right:30px;
}

#page {
  width: 1000px;
  margin-top: 0px;
  text-align: left;
  clear: both; }

#page_embed {
  width: 100%;
  margin-top: 0px;
  text-align: left;
  clear: both; }

#content {
  width: 672px;
  background: #FFF;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  padding: 20px; }
  #content > #title {
		font-family: 'Droid Sans', arial, serif;
    background: url('http://c.pierapps.com/common/images/sprites.png') no-repeat;
		background-position: 0px -62px;
    width: 719px;
    height: 29px;
    margin-left: -47px;
    font-size: 14pt;
    color: #FFF;
    margin-bottom: 15px;
    padding-top: 10px;
    padding-left: 50px; }

#content_embed {
  background: #FFF;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  padding: 20px; }
  #content_embed > #title {
	  background: url('http://c.pierapps.com/common/images/sprites.png') no-repeat;
		background-position: 0px -62px;
    width: 719px;
    height: 29px;
    margin-left: -47px;
    font-size: 14pt;
    color: #FFF;
    margin-bottom: 15px;
    padding-top: 10px;
    padding-left: 50px; }

#account_bar {
  float: left;
  margin: 8px;
  font-size: 8pt; }

h1 {
	font-family: 'Droid Sans', arial, serif;
  font-size: 16pt;
  font-weight: normal; }

h2 {
	font-family: 'Droid Sans', arial, serif;
  font-size: 14pt;
	font-weight:normal;
	color: #993940;
}

h3, dl > dt {
	font-family: 'Droid Sans', arial, serif;
  color: #1A3785;
	font-weight:normal;
	font-size:12pt;
}

h4 {
  margin: 5px 0px 1px 0px; }

h6{
	font-size:10pt;
	margin:10px 0px 0px 0px;
}

#body {
  margin-right: 250px;
  margin-bottom: 40px;
	margin-top:35px;
}

#body_full {
  margin-right: 0px;
  margin-bottom: 40px; }

#body .panel, #body_full .panel, #header .panel, #body_embed .panel {
  border: 1px solid #D6D6D6;
  padding: 10px;
	background: #fff;
  background: #FFF -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));  
  background: #FFF -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
  -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
  -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin-bottom: 20px;
  font-size: 8pt; }
  #body .panel > h2,   #body_full .panel > h2 {
    margin: 0px 0px 10px 0px;
    font-size: 12pt; }
.overflow{
  overflow:auto;
  height:100px;
  padding:5px;
}

.inline {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px; }

#map {
  width: 400px;
  height: 400px;
  border-style: solid;
  border-width: 1px;
  border-color: #333; }

#map_large {
  width: 670px;
  height: 480px;
  border-style: solid;
  border-width: 1px;
  border-color: #333; }

#map_small {
  width: 200px;
  height: 200px;
  border-style: solid;
  border-width: 1px;
  border-color: #333; }

#map_embed {
  border-style: solid;
  border-width: 1px;
  border-color: #333;
  float: left; }

.clear {
  clear: both; }

#map_mini, .static_map {
  width: 250px;
  height: 150px;
  border-style: solid;
  border-width: 1px;
  border-color: #333;
}

#footer {
  padding: 10px;
  font-size: 8pt;
  clear: both;
  border-top: 2px solid #efefef; }

#left {
  float: left;
  width: 150px;
  margin-bottom: 20px; }

#right {
  float: right;
  width: 230px;
  margin-bottom: 20px; }

.right {
  float: right; }
.left{
	float:left;
}
.buffer {
  margin: 10px; }

#left > .panel, #right > .panel {
  border: 2px solid #D6D6D6;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin-bottom: 15px; }
  #left > .panel ul.agency_list li,   #right > .panel ul.agency_list li {
    margin-bottom: 3px;
    font-size: 8pt; }
  #left > .panel > h1,   #right > .panel > h1 {
    margin: 0px 0px 10px 0px;
    font-size: 11pt; }
  #left > .panel > ul,   #right > .panel > ul {
    padding: 0px; }
    #left > .panel > ul > li,     #right > .panel > ul > li {
      list-style: none;
      vertical-align: middle; }
      #left > .panel > ul > li img,       #right > .panel > ul > li img {
        margin: 1px 0px; }
  #left > .panel a,   #right > .panel a {
    color: #666; }
    #left > .panel a:hover,     #right > .panel a:hover {
      color: #333; }
  #left > .panel .link,   #right > .panel .link {
    margin-bottom: 3px;
    margin-left: 10px; }
  #left > .panel .sub_link,   #right > .panel .sub_link {
    margin-bottom: 3px;
    margin-left: 20px; }

.drag {
  cursor: move; }

.more {
  display: inline;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-size: 8pt;
  padding: 2px 5px; }

.inline_content {
  display: inline;
  border: 1px solid black; }

.small {
  font-family: verdana;
  font-size: 8pt;
  color: #999;
  font-weight: normal; }

.tiny {
  font-family: verdana;
  font-size: 7pt;
  color: #999;
  font-weight: normal; }

.nb {
  font-family: verdana;
  font-size: 8pt;
  color: #999;
  font-style: italic;
  font-weight: normal; }

.list > .header {
  margin-bottom: 3px;
  background: #FFF;
  border: 2px solid #CCC; }
  .list > .header > .cell {
    display: inline-block;
    width: 100px;
    padding: 2px 5px;
    font-weight: bold;
    margin-left: -3px; }
.list > .content > .item {
  margin-bottom: 1px;
  padding-left: 9px;
  background: #FFF;
  border: 1px solid #eaeaea; }
  .list > .content > .item:hover {
    background: #EFEFEF; }
  .list > .content > .item .cell {
    display: inline-block;
    width: 100px;
    padding: 2px 5px;
    margin-left: -3px;
    vertical-align: top;
    font-size: 8pt; }
.list .sortable_list .item .cell {
  display: inline-block;
  width: 100px;
  padding: 2px 5px;
  margin-left: -3px;
  vertical-align: top; }
.list .message {
  padding: 20px;
  text-align: center;
  color: #FF0000;
  border: 1px solid #CCC;
  background: #FFF; }

.red {
  color: #FF0000; }

.bold {
  font-weight: bold; }

.back {
  font-size: 8pt;
  margin-bottom: 5px; }
  .back img {
    margin-right: 5px; }

		/****************************************************************** FORM */
		.form{					
		    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));  
		    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
		    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
		    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
				margin:20px;
				padding:20px;
		}
		.form input[type="text"], input[type="password"], input[type="submit"], textarea, select {   
		    padding: 9px;  
		    border: solid 1px #E5E5E5;  
		    outline: 0;  
		    font: normal 13px/100% Verdana, Tahoma, sans-serif;  
		    width: 200px;
		    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));  
		    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
		    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
		    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
		    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
		}  

		.form textarea {   
		    width: 400px;  
		    max-width: 400px;  
		    height: 150px;  
		    line-height: 150%;  
		    }  

		.form input:hover, .form textarea:hover,  
		.form input:focus, .form textarea:focus {   
		    border-color: #C9C9C9;   
		    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;  
		    }
		.form p{
			clear:left;
		}
		.form .nb{
			margin-left:155px;
			margin-top:-10px;
		}
		.form label {   
		    margin-right: 10px;
				padding:12px;
		    color: #999999;
				text-align:right;
				float:left;
				width:120px;
		    } 
    .form em{
      display: block;
      color: #FF0000;
      font-size: 65%;
      font-style: normal;
      text-transform: uppercase;
    }
		.form .submit input {
			background: #004a95 url('http://c.pierapps.com/common/images/bg-button-blue.gif') top left repeat-x !important;
			cursor:pointer;
			width: auto;  
			padding: 9px 15px;  
			background: #617798;  
			border: 0;  
			font-size: 14pt;  
			color: #FFFFFF;  
			-moz-border-radius: 5px;  
			-webkit-border-radius: 5px;  
			font-family: 'Droid Sans', arial;
		}
		.form p.submit, .form .indent{
			margin-left:154px;
		}
		.form p.submit input:active {
			position:relative;
			top:1px;
		}

		/****************************************************************** FORM */

.admin_functions ul {
  list-style-image: url('http://c.pierapps.com/common/images/bullet_grey.gif');
  margin:0px;
}

#aside {
  width: 180px;
  background: #FFF;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  padding: 20px;
  float: right;
  margin-right: -278px;
  margin-top: -75px; }
  #aside a { }
  #aside > ul, #aside > ol, #aside #search_results #admin_functions > ul {
    padding-left: 5px;
    list-style-image: url('http://c.pierapps.com/common/images/bullet_grey.gif'); }
    #aside > ul > li, #aside > ol > li, #aside #search_results #admin_functions > ul > li {
      margin-bottom:10px;}
    #aside > ul.compact > li,     #aside #search_results  > ul.compact > li {
      line-height: 1.1em;
      margin-bottom: 5px;
      font-size: 8pt; }
  #aside > .spacer {
    background: url('http://c.pierapps.com/common/images/sprites.png') no-repeat;
    width: 185px;
    height: 4px;
		background-position: 0px -58px;
    margin: 15px 0px; }
	#aside h2{text-align:center;margin:0px;}
  #aside > #search {
    text-align: center; }
    #aside form > input[type='text'] {
      border: 1px solid #999;
      height: 18px;
      width: 155px;
      padding-left: 2px; }

#aside_embed {
  width: 180px;
  background: #FFF;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  padding: 0px 20px 20px 20px;
  float: right; }
  #aside_embed a {
    color: #636363; }
  #aside_embed > ul {
    padding-left: 5px;
    list-style-image: url('http://c.pierapps.com/common/images/bullet_grey.gif'); }
    #aside_embed > ul > li {
      line-height: 2.5em; }
    #aside_embed > ul.compact > li {
      line-height: 1.1em;
      margin-bottom: 5px;
      font-size: 8pt; }
  #aside_embed > .spacer 		{
	    background: url('http://c.pierapps.com/common/images/sprites.png') no-repeat;
	    width: 185px;
	    height: 4px;
			background-position: 0px -58px;
	    margin: 15px 0px; }
  #aside_embed > #search {
    text-align: center;
    padding-top: 20px; }
    #aside_embed > #search > form > input[type='text'] {
      border: 1px solid #999;
      height: 18px;
      width: 155px;
      padding-left: 2px; }

.admin_options {
  border-top: 1px solid #D6D6D6;
  padding: 5px;
  margin-top: 10px;
  background-position: 2px;
  font-size: 8pt;
  text-align: right;
  clear: left; }

.errorExplanation {
  color: #EF5D23; }

#notice {
  color: green;
  font-size: 12pt;
  background: #CAFFCA url('http://c.pierapps.com/common/images/icons/tick.png') no-repeat;
  background-position: 3px 6px;
  border: 2px solid #006600;
  color: #006600;
  margin-top: -10px;
  margin-bottom: 20px; }

#error {
  font-size: 12pt;
  background: #FDBDBF url('http://c.pierapps.com/common/images/icons/cross-circle.png') no-repeat;
  background-position: 3px 6px;
  border: 2px solid #A8060B;
  color: #A8060B;
  margin-top: -10px;
  margin-bottom: 20px; }

.button-to input {
  background: #FFF url('http://c.pierapps.com/common/images/bgButton.gif') repeat-x;
  color: #666;
  border: 1px solid #A5ACB2;
  cursor: pointer;
  padding: 4px 5px;
  font-size: 8pt; }
  .button-to input:hover {
    color: #000; }

.sortable_list {
  padding: 0px; }
  .sortable_list .handle {
    margin-right: 5px;
    cursor: move; }
  .sortable_list li {
    margin: 0px;
    padding: 2px;
    list-style: none;
    border-top: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    margin-bottom: 3px;
    background: #FAFAFA; }

input#openid_url {
  background: url('http://openid.net/login-bg.gif') no-repeat;
  background-color: #fff;
  background-position: 0 50%;
  color: #000;
  padding-left: 18px; }

.flash {
  font-size: 12pt;
  padding: 5px 5px 5px 22px;
  font-weight: bold;
  margin-bottom: 10px; }

.notice {
  padding: 10px 20px 15px 55px;
  margin: 20px 0px;
  border: 1px solid #FFCC00;
  background-color: #FFFFE6;
  background-position: 3 3;
  text-align: center;
  font-style: italic;
  font-size: 10pt; }

.easy_tagger {
  margin: 2px 2px 2px -3px; }

.tags {
  padding: 2px;
  font-size: 7pt;
  color: #999; }
  .tags > a {
    color: #435978; }

.tag_textfield {
  width: 200px;
  font-size: 8pt; }

.invite_a_user {
  margin: 5px; }

.invites {
  position: absolute;
  background: #FFF;
  border: 1px solid #333;
  padding: 5px;
  margin-left: 10px;
  margin-top: 10px; }

.tag_size1 {
  font-size: 8pt; }

.tag_size2 {
  font-size: 10pt; }

.tag_size3 {
  font-size: 12pt; }

.tag_size4 {
  font-size: 14pt; }

.tag_size5 {
  font-size: 16pt; }

.avatar > img {
  border-style: solid;
  border-width: 1px;
  border-color: #333; }

.messages {
  margin-left: 190px; }

.unread {
  border-bottom: 1px solid #D7D7D7;
  padding-bottom: 2px;
  margin-bottom: 2px;
  padding-left: 25px;
  background: url('http://c.pierapps.com/common/images/icons/mail.png') no-repeat;
  font-weight: bold;
  background-position: 0px 5px; }

.read {
  border-bottom: 1px solid #D7D7D7;
  padding-bottom: 2px;
  margin-bottom: 2px;
  padding-left: 25px;
  background: url('http://c.pierapps.com/common/images/icons/mail-open.png') no-repeat;
  background-position: 0px 5px; }

/*############# PAGINATION ################*/
.pagination {
                text-align: center;
                padding: 20px 0 5px 0;
                font-family: Verdana, Arial, Helvetica, sans-serif;
                font-size: 10px;
                }
.pagination a, .pagination span {
                margin: 0 5px 0 0;
                padding: 3px 6px;
                }

.pagination a {
				border: 1px solid #ddd;
                }
.pagination a.next_page, .pagination a.prev_page {
				border-width:0px;
                }
.pagination span.current {
                background: #004a95 url('http://c.pierapps.com/common/images/bg-button-blue.gif') top left repeat-x !important;
                border-color: #004994 !important;
                color: #fff !important;
                }

.pagination a.current:hover {
				text-decoration: underline;
                }
/*############# PAGINATION ################*/


ul.stars {
  display: block;
  margin: 0 auto;
  padding: 0;
  background-position: left top;
  height: 18px;
  width: 80px;
  overflow: hidden;
  position: relative;
  color: #fff;
  background: url(/images/ratings.png) left top repeat-x;
  float: left; }
  ul.stars li {
    display: inline;
    margin: 0;
    padding: 0;
    float: none; }
    ul.stars li.current_rating {
      background: url(/images/ratings.png) left top repeat-x;
      float: left;
      position: absolute;
      top: 0;
      left: 0;
      height: 18px;
      line-height: 18px;
      text-indent: -1000px;
      overflow: hidden;
      z-index: 1;
      background-position: left bottom; }
    ul.stars li a {
      position: absolute;
      top: 0;
      left: 0;
      height: 18px;
      line-height: 18px;
      text-indent: -1000px;
      overflow: hidden; }
      ul.stars li a:hover, ul.stars li a:active {
        background: url(/images/ratings.png) left top repeat-x;
        float: left;
        background-position: left center; }
      ul.stars li a.one_star {
        width: 20%;
        z-index: 6; }
      ul.stars li a.two_stars {
        width: 40%;
        z-index: 5; }
      ul.stars li a.three_stars {
        width: 60%;
        z-index: 4; }
      ul.stars li a.four_stars {
        width: 80%;
        z-index: 3; }
      ul.stars li a.five_stars {
        width: 100%;
        z-index: 2; }


div.permissions_list, div.permissions_list > table{
}
table.list, div.permissions_list > table{border-collapse:collapse;}
table.list > thead > tr > th, div.permissions_list > table > thead > tr > th{
	font-size:11pt;
	border-bottom:1px solid #999;
	padding:5px;
}
table.list > tbody > tr > td, div.permissions_list > table > tbody > tr > td{
	padding:4px;
}
tbody.alternate_rows tr:nth-child(odd){
	background:#F0F0F0;
}
.notification {
				position: relative;
				margin: 0 0 25px 0;
				padding: 12px 5px 12px 30px; /*DFe*/
				border: 1px solid;
				background-position: 10px 11px !important;
				background-repeat: no-repeat !important;
				font-size: 13px;
				width: 90%; /*99.8%;*/
				}


.attention {
							  background:#fffbcc url('http://c.pierapps.com/common/images/icons/exclamation.png') no-repeat;
                border-color: #e6db55;
                color: #666452;
                }

.information {
							  background:#dbe3ff url('http://c.pierapps.com/common/images/icons/information-balloon.png') no-repeat;
                border-color: #a2b4ee;
                color: #585b66;
                }

.success {
                background: #d5ffce url('../images/icons/tick_circle.png');
                border-color: #9adf8f;
                color: #556652;
                font-size: 12pt; /*DFe*/
                padding: 12px 5px 15px 30px; /*DFe*/
                font-weight: bold; /*DFe*/
                margin-bottom: 10px; /*DFe*/
                }

.error {
								background: #ffcece url('http://c.pierapps.com/common/images/icons/cross-circle.png');
                border-color: #df8f8f;
                color: #665252;
                }


.notification div {
				display:block;
				font-style:normal;
				line-height: 1.5em;
				}

.notification .close {
				color:#990000;
				font-size:9px;
				position:absolute;
				right:5px;
				top:5px;
				}
				
.address{
	background:url('http://c.pierapps.com/common/images/icons/address-book.png') no-repeat;
	padding-left:20px;
}
.contact{
	background:url('http://c.pierapps.com/common/images/icons/balloon.png') no-repeat;
	padding-left:20px;
}
.quoted{
	background:url('http://c.pierapps.com/common/images/quotes.png') no-repeat;
	margin-left:-10px;
	padding-left:35px;
}
.button{
	background: #004a95 url('http://c.pierapps.com/common/images/bg-button-blue.gif') top left repeat-x !important;
	display:inline;
	padding:10px 20px;
	font-size:14pt;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
	font-family: 'Droid Sans', arial;
}
a.button{
	color:#fff;
	font-size:11pt;
	padding:5px 10px;
}
.button input{
	background:transparent;
	color:#FFF;
	border-width:0px;
	font-size:12pt;
	padding:0px;
}
.side_tip{
	position:absolute;
	margin-left:480px;
	margin-top:3px;
	width:180px;
}
.key{
	padding:1px 3px;	
	color:#000;
	margin:0px;
	font-weight:bold;
	font-size:9pt;
}
.key.blue{
	background:#268EFC;
}
.key.orange{
	background:#FCBE2A;
}
.key.red{
	background:#FB0219;
}
.reverse{
	unicode-bidi:bidi-override;
	direction: rtl;
}
dl > dd{
	margin-left:20px;
}
.border{
	border: 2px solid #D6D6D6;
}