/**
 * Main stylesheet.
 * (c) Michal Wiglasz, 2009 (http://www.javorek.net)
 */

/** colors:
 * orange      #f8b80b
 * blue        #275f73 
 * 
*/

/* general settings ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.hidden, hr { /* hidden elements */
	position: absolute; left: -3800px;
	visibility: hidden;
	line-height: 0;
	font-size: 0;
}

img { display: block; }
address { font-style: normal; }
a img { border: none; }
a, a span, .button { cursor: pointer; }
acronym, abbr { cursor: help; }

a:link { color: #275f73; text-decoration: underline; }
a:visited { color: #275f73; }
a:hover, a:focus { text-decoration: none; }

pre.dump {
	text-align: left;
}

div.note, p.note {
	font-size: 80%;
	line-height: 140%;
	margin-top: 5px;
}

input, textarea {	
	font-family: Verdana, 'Geneva CE', lucida, sans-serif;
	font-size: 15px;
}

.orange {color: #f8b80b}
.blue {color: #275f73} 


/* basic layout ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html, body {
	margin: 0; padding: 0;
	width: 100%; height: 100%;
    font-family: Verdana, 'Geneva CE', lucida, sans-serif;
    cursor: default;
    text-align: center;
    background: #013647;
    color: #fff;
}

#document {
    width: 925px;
    margin: 0 auto; padding: 0;
    text-align: left;
	color: #275f73;
    font-size: 9pt;
    position: relative;
    background: url(../images/content-middle.png) repeat-y;
}

#content {
	width: 925px;
}

#footer {
	clear: both;
}



/* menus, clearing ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

menu, menu li {
	list-style-type: none;
	padding: 0; margin: 0;
}

.cleared:after, menu:after { /* modern browsers */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.cleared, ul.ulmenu { display: inline-block; }
/* Hides from IE-mac \*/
* html .cleared, * html menu { height: 1%; }
* .cleared, * menu { display: block; }
/* End hide from IE-mac */



/* header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#header {
	width: 925px; 
	height: 292px;
	position: relative;
	background: url(../images/header.jpg) no-repeat;
	margin: 0;
	padding: 0;
}

#header h1 {
	margin: 0;
	padding: 0;
	width: 305px; 
	height: 292px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 65px;
}

#header h1 span {
	margin: 0;
	padding: 0;
	width: 925px; 
	height: 140px;
	position: absolute;
	top: 0; left: 0;
	overflow: hidden;
	background: url(../images/header.jpg) -65px 0 no-repeat;
}

#headertextphone {
    position: absolute;
    left: 380px;
    top: 8px;
}


/* search  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#search {
	position: absolute;
	top: 45px;
	left: 380px;
	height: 31px;
	width: 330px;
	padding: 0;
	margin: 0;
}

div#search .loginbutton, div#search .logoutbutton {
	display: block;
	float: left;
	width: 70px;
	height: 26px;
	position: relative;
	margin: 0 35px 0 0;
	padding: 0;
	color: #fff;
}

div#search .loginbutton a, div#search .logoutbutton a {
	display: block;
	background: url(../images/button-login-header.png) no-repeat;
	overflow: hidden;
	text-indent: -1000px;
	width: 70px;
	height: 26px;
	position: absolute;
	left: 0;
	top: 0;
}

div#search .logoutbutton a { background: url(../images/button-logout-header.png) no-repeat; }

div#search input {
	float: left;
	width: 121px;
	height: 16px;
	margin: 0;
	padding: 5px 7px;
	background: url(../images/search-box.png) no-repeat;
	border: none;
	color: #548294;
	font-size: 100%;
}

div#search button {
	display: block;
	float: left;
	width: 53px;
	height: 26px;
	position: relative;
	margin: 0 0 0 10px;
	padding: 0;
	background: url(../images/search-button.png) no-repeat;
	border: none;
	overflow: hidden;
	text-indent: -1000px;
	cursor: pointer;
	color: #fff;
}


form#search-page-form {
	text-align: left;
	width: 250px;
}

form#search-page-form input {
	text-align: left;
	padding: 5px 7px;
	width: 160px;
	height: 16px;
	background: url(../images/input-box.png) no-repeat;
	color: #275f73;
	border: 0;
	font-size: 100%;
}

form#search-page-form button {
	float: right;
	width: 53px;
	height: 26px;
	position: relative;
	margin: 0 0 0 10px;
	padding: 0;
	background: url(../images/search-button-white.png) no-repeat;
	border: none;
	overflow: hidden;
	text-indent: -1000px;
	cursor: pointer;
	color: #fff;
}


/* navigation ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#navigation {
	background: url(../images/menu-background.png) repeat-x;
	width: 925px;
	height: 49px;
	margin: 0;
	padding: 0;
	font-size: 126%;
}

#navigation menu {
	margin: 0;
	padding: 0;
}

#navigation li {
	height: 49px;
	line-height: 49px;
	text-align: center;
	float: left;
	background: url(../images/menu-separator.png) top left no-repeat;
	padding-left: 1px;
	position: relative;
}

li#navigation-home {
	background: none;
	padding-left: 0;
}

#navigation li a {
	display: block;
	height: 49px;
	line-height: 49px;
	text-align: center;
	position: relative;
	background: url(../images/menu-off.png) no-repeat;
}

#navigation li a span {
	display: block;
	height: 49px;
	line-height: 49px;
	text-align: center;
	position: absolute;
	top: 0; left: 0;
	background: url(../images/menu-off.png) no-repeat;
}

li#navigation-contact-us { margin: 0; }

li#navigation-home a, li#navigation-home a span 
	{width: 101px; background-position: 0 0;}
	
li#navigation-services-pricing a, li#navigation-services-pricing a span 
	{width: 171px; background-position: -102px 0;}
	
li#navigation-patent-job-center a, li#navigation-patent-job-center a span 
	{width: 173px; background-position: -274px 0;}
	
li#navigation-patent-tools a, li#navigation-patent-tools a span 
	{width: 132px; background-position: -448px 0;}
	
li#navigation-ip-news-blog a, li#navigation-ip-news-blog a span 
	{width: 137px; background-position: -581px 0;}
	
li#navigation-order a, li#navigation-order a span 
	{width: 102px; background-position: -719px 0;}
	
li#navigation-contact a, li#navigation-contact a span 
	{width: 103px; background-position: -822px 0;}
	

	

	

/* on hover */
#navigation li a:hover, #navigation li a:hover span,
#navigation li:hover a, #navigation li:hover a span,
#navigation li.hover a, #navigation li.hover a span 
	{background-image: url(../images/menu-active.png) ;}
/*	{background-image: url(../images/menu-hover.png) ;}*/

/* active */
#navigation li.active a, #navigation li.active a span 
	{background-image: url(../images/menu-active.png) ;}

/* submenus ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#navigation li ul {
	margin: 0;
	padding: 0 0 5px 0;
	width: 207px;
	display: none;
	font-size: 80%;
	position: absolute;
	left: 1px;
	top: 49px;
	z-index: 100;
}

#navigation li:hover ul, #navigation li.hover ul { 
	display: block;
}

#navigation li ul li {
	display: block;
	height: auto;
	line-height: 25px;
	width: 207px;
	margin: 0;
	padding: 0;
	background: transparent;
	float: left;
	z-index: 100;
}

#navigation li ul li a {
	display: block;
	height: auto;
	width: 207px;
	padding: 4px 10px 4px 10px;
	margin: 0;
	width: 187px;
	line-height: 20px;
	color: #fff;
	background: #255261 url(../images/submenu-border.png) left top no-repeat !important;
	text-align: left;
	text-decoration: none;
}
/*
#navigation li ul li a, #navigation li ul li a span
 {
	background-image: none !important;
}
*/
#navigation li ul li a:hover {
	background: #64848f url(../images/submenu-border-active.png) left top no-repeat !important;
}

#navigation li ul li a:hover span {
	background: transparent;
}

#navigation li ul li.first a, #navigation li ul li.first a:hover {
	background-image: none !important;
}

#navigation li ul li span {
	display: none;
	position: static;
	height: 0;
}

#navigation li ul li.last a {
	padding-bottom: 0;
}

#navigation li ul li.last span {
	background: url(../images/submenu-bottom.png) left bottom no-repeat !important;
	height: 5px;
	width: 207px;
	display: block;
	margin: 0;
	padding: 0;
}

#navigation li ul li.last:hover span,
#navigation li ul li.last.hover span {
	background: url(../images/submenu-bottom-hover.png) left bottom no-repeat !important;
}


#navigation li ul li.last span:hover,
#navigation li ul li.last span.hover {
	background: url(../images/submenu-bottom.png) left bottom no-repeat !important;
}


/* content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#content {
	background: url(../images/content-top.png) no-repeat;
	width: 865px;
	min-height: 400px;
	padding: 30px 30px 15px;
	margin: 0;
}

#content h1 {
	font-size: 160%;
	font-weight: normal;
	font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
}

#content h2 {
	font-size: 140%;
	font-weight: bold;
	font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
}

#content h3 {
	font-size: 135%;
	font-weight: normal;
	font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
}

p, ol li {
	margin: 0 0 1em 0;
}


div.separator {
	height: 1px;
	font-size: 1px;
	width: 100%;
	border-bottom: solid 1px #275f73;
	margin: 11pt 0;
}

/* buttons ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#content .center .button {
	margin: 0 auto;
}

div#content .button {
	text-align: center;
	width: 148px;
	height: 40px;
}

div#content .button a {
	display: block;
	width: 148px;
	height: 33px;
	position: relative;
	overflow: hidden;
}

div#content .button a span {
	display: block;
	width: 148px;
	height: 33px;
	position: absolute;
	top: 0; left: 0;
}


/* various boxes ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#box-ip-staffing img {
	float: left;
	margin: 15px 5px 15px 0;
}

#box-ip-staffing .text {
	float: left;
	/*width: 570px;*/
}

/* homepage left box -------------------------------------------------------- */

#box-homepage-main img {
	float: right;
	margin: 15px 0 15px 5px;
}

#box-homepage-main .wrapper-inner {
	height: 449px;
	line-height: 180%;
}

/*
.box-left {
	width: 680px;
	padding: 0;  
	float: left;
	background: url(../images/box-left-middle.png) repeat-y;
	line-height: 170%;
	font-size: 108%;
}

.box-left h1 {
	margin: 0;
	padding: 0.8em 0;
}

.box-left .wrapper-outer {
	width: 680px;
	margin: 0;
	padding: 0;
	background: url(../images/box-left-top.png) no-repeat;
}

.box-left .wrapper-inner {
	width: 610px;
	height: 359px;
	margin: 0;
	padding: 25px 40px 40px 30px;  
	background: url(../images/box-left-bottom.png) left bottom no-repeat;
}*/

/* homepage specialization areas box ---------------------------------------- */
.box-spec-areas {
	width: 235px;
	margin: 0;
	padding: 0;  
	float: left;
	background: url(../images/box-jobs-side-middle.png) repeat-y;
	font-size: 90%;
}

.box-spec-areas .wrapper-outer {
	width: 235px;
	margin: 0;
	padding: 0;
	background: url(../images/box-spec-top.png) no-repeat;
}

.box-spec-areas .wrapper-inner {
	width: 195px;	
	margin: 0;
	padding: 60px 25px 20px 15px;  
	background: url(../images/box-jobs-side-bottom.png) left bottom no-repeat;
}

.box-spec-areas ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.box-spec-areas ul li {
	margin: 0 0 2px 0;
	padding: 5px 0 0px 30px;
	background: url(../images/icon-small.gif) left center no-repeat;
	min-height: 20px;
}


/* homepage attention boxes ------------------------------------------------- */
div#boxes-homepage {
	width: 866px;
	position: relative;
	padding: 0px;
	background: url(../images/boxes-homepage.png) no-repeat;
}

div#boxes-homepage div.bottom {
	position: absolute;
	height: 14px;
	width: 866px;
	left: 0;
	bottom: 0;
	background: url(../images/boxes-homepage-bottom.png) no-repeat;
}


.box-attention {
	width: 273px;
	padding: 0;  
	float: left;
	line-height: 160%;
	font-size: 108%;
	color: #fff;
}

.box-attention h2 {
	margin: 0;
	padding: 0.9em 0 1.1em;
	color: #f8b707;
	margin-left: 80px;
	margin-bottom: 1em;
}

.box-attention h2 a {
	text-decoration: none;
}

.box-attention h3 {
	color: #f8b707;
}

.box-attention a {
	color: #f8b707;
}

.box-attention .wrapper-outer {
	width: 273px;
	margin: 0;
	padding: 0;
}

.box-attention .wrapper-inner {
	width: 223px;
	min-height: 280px;
	margin: 0;
	padding: 15px 25px 65px 25px;  
	position: relative;
}

.box-attention .button {
	position: absolute;
	bottom: 20px;
	left: 62px;
}

.box-attention .button.more {
	background: url(../images/box-attention-button-more.png) no-repeat;
}

.box-attention .button a {
	overflow: hidden;
	text-indent: -1000px;
}

#attention-services {margin: 0 0 0px;}
#attention-staffing {margin: 0 23px 0px;}
#attention-directory {margin: 0 0 0px;}


/* subpages first box (with sparkle) ---------------------------------------- */

.box-big-sparkle, .box-big-sparkle-first {
	width: 870px;  
	background: url(../images/box-big-middle.png) repeat-y;
	line-height: 160%;
	font-size: 108%;
	padding: 0;
	margin-bottom: 20px;	
}

.box-big-sparkle .wrapper-outer {
	width: 870px;
	margin: 0;
	padding: 0;
	background: url(../images/box-big-top.png) no-repeat;
}

.box-big-sparkle-first .wrapper-outer {
	background: url(../images/box-big-top-first.png) no-repeat;
}

.box-big-sparkle .wrapper-inner, .box-big-sparkle-first .wrapper-inner {
	width: 800px;
	min-height: 350px;
	margin: 0;
	padding: 25px 40px 30px 30px;  
	background: url(../images/box-big-bottom-sparkle.png) left bottom no-repeat;
}

/* full-width boxes (without sparkle) --------------------------------------- */
.box-big, .box-big-first, .box-big-first-white {
	width: 870px;  
	background: url(../images/box-big-middle.png) repeat-y;
	line-height: 160%;
	font-size: 108%;
	padding: 0;
	margin-bottom: 20px;	
}

.box-big .wrapper-outer, .box-big-first .wrapper-outer {
	width: 870px;
	margin: 0;
	padding: 0;
	background: url(../images/box-big-top.png) no-repeat;
}

.box-big-first .wrapper-outer {
	background: url(../images/box-big-top-first.png) no-repeat;
}

.box-big-first-white .wrapper-outer {
	background: url(../images/box-big-top-first-white.png) no-repeat;
}

.box-big .wrapper-inner, .box-big-first .wrapper-inner, .box-big-first-white .wrapper-inner {
	width: 800px;
	margin: 0;
	padding: 25px 40px 30px 30px;  
	background: url(../images/box-big-bottom.png) left bottom no-repeat;
}


/* job directory main boxes -------------------------------------------------------- */
.boxes-jobs-left {
	width: 628px;
	float: left;
}

.boxes-jobs-right {
	width: 235px;
	float: left;
	position: relative;
	left: 5px;
}

.box-jobs-main {
	width: 628px;
	min-height: 311px;
	padding: 0;  
	background: url(../images/box-jobs-main-middle.png) repeat-y;
	line-height: 150%;
	font-size: 107%;
}

.box-jobs-main .wrapper-outer {
	width: 628px;
	margin: 0;
	padding: 0;
	background:  url(../images/box-jobs-main-top.png) no-repeat left top;
}

.box-jobs-main .wrapper-inner {
	width: 558px;
	min-height: 246px;
	margin: 0;
	padding: 25px 40px 40px 30px;  
	background:  url(../images/box-jobs-main-bottom.png) no-repeat left bottom;
}

.box-jobs-main.small {
	height: 212px;
	min-height: 0;
}

.box-jobs-main.small .wrapper-inner {
	height: 157px;
	min-height: 0;
	padding: 20px 40px 35px 30px;  
	background:  url(../images/box-jobs-main-small-bottom.png) no-repeat left bottom;
}

.box-jobs-side {
	width: 235px;
	min-height: 64px;
	padding: 0;  
	background: url(../images/box-jobs-side-middle.png) repeat-y;
	line-height: 150%;
	font-size: 107%;
}

.box-jobs-side .wrapper-outer {
	width: 235px;
	margin: 0;
	padding: 0;
	background:  url(../images/box-jobs-side-top.png) no-repeat left top;
}

.box-jobs-side .wrapper-inner {
	width: 195px;
	min-height: 40px;
	margin: 0;
	padding: 25px 20px 25px 20px;  
	background:  url(../images/box-jobs-side-bottom.png) no-repeat left bottom;
}

.box-jobs-side.recent-posts .wrapper-outer {
	background:  url(../images/box-jobs-side-top-recent-posts.png) no-repeat left top;
}

.box-jobs-side.recent-posts .wrapper-inner {
	min-height: 217px;
	padding-top: 55px;  
}

.box-jobs-side.prices .wrapper-outer {
	background:  url(../images/box-jobs-side-top-gradient.png) no-repeat left top;
}

.box-jobs-side.prices .wrapper-inner {
	width: 205px;
	padding: 10px 15px;  
}

.box-jobs-side.buttons {
	text-align: center;
}

.box-jobs-side.buttons .button {
	margin-bottom: 10px !important;
}

#btn-apply-now, #btn-apply-now span {
	margin: 0 auto;
	background: url(../images/button-apply-now.png) no-repeat;
}

#btn-save-job, #btn-save-job span {
	margin: 0 auto;
	background: url(../images/button-save-job.png) no-repeat;
}

#btn-print-job, #btn-print-job span {
	margin: 0 auto;
	background: url(../images/button-print-job.png) no-repeat;
}

#btn-print-resume, #btn-print-resume span {
	margin: 0 auto;
	background: url(../images/button-print-resume.png) no-repeat;
}

#btn-email-friend, #btn-email-friend span {
	margin: 0 auto;
	background: url(../images/button-email-friend.png) no-repeat;
}

#btn-edit-job, #btn-edit-job span {
	margin: 0 auto;
	background: url(../images/button-edit-job.png) no-repeat;
}

#btn-delete-job, #btn-delete-job span {
	margin: 0 auto;
	background: url(../images/button-delete-job.png) no-repeat;
}

#btn-edit-resume, #btn-edit-resume span {
	margin: 0 auto;
	background: url(../images/button-edit-resume.png) no-repeat;
}

#btn-delete-resume, #btn-delete-resume span {
	margin: 0 auto;
	background: url(../images/button-delete-resume.png) no-repeat;
}

#btn-delete input {
	background: url(../images/button-delete-job.png) no-repeat;
}

#btn-delete-resume-form input {
	background: url(../images/button-delete-resume.png) no-repeat;
}

#btn-cancel input {
	background: url(../images/button-cancel.png) no-repeat;
}

.box-jobs-resumes {
	width: 558px;
	height: 37px;
	padding: 10px 40px 10px 30px;  
	margin-top: 4px;
	background: url(../images/box-jobs-resumes.png) no-repeat;
	line-height: 150%;
	font-size: 107%;
}

.box-jobs-resumes h1 {margin: 0; padding: 0; line-height: 37px; float: left}
.box-jobs-resumes p {margin: 0; padding: 0; line-height: 37px; float: right}

.box-jobs-login {
	width: 205px;
	height: 133px;
	padding: 60px 15px 20px 15px;
	background: url(../images/box-jobs-login.png) no-repeat;
	line-height: 150%;
	font-size: 107%;
	text-align: center;
}

.box-jobs-login .button {
	background: url(../images/button-login.png) no-repeat;
	margin: 0 auto;
}

.box-jobs-login .button a span {
	background: url(../images/button-login.png) no-repeat;
}

.box-jobs-small {
	width: 205px;
	height: 137px;
	padding: 10px 15px 10px 15px;  
	margin-top: 2px;
	background: url(../images/box-jobs-small.png) no-repeat;
	line-height: 150%;
	font-size: 107%;
}

.box-jobs-small ul {
	margin: 0 0 0 20px;
	padding: 0;
}

#job-directory {
	margin-top: 4px;
	margin-left: -1px;
}

#job-directory .wrapper-inner {
	padding-top: 15px;
}

#job-directory .sort {
	float: right;
	font-weight: bold;
	font-size: 90%;
}

#job-directory .sort a {
	color: #f8b80b;
}

#job-directory .job {
	width: 820px;
	position: relative;
	left: -7px;
	margin-bottom: 1em;
}

#job-directory .job .wrapper-outer {
	width: auto;
	background: transparent;
	margin: 0;
	padding: 0;
}

#job-directory .job .wrapper-inner {
	width: auto;
	background: transparent;
	margin: 0;
	padding: 0 10px;
}

#job-directory .job .info {
	float: left;
	width: 600px;
}

#job-directory .job .info h2 {
	margin-bottom: 0;
}

#job-directory .job .info h2 small {
	font-size: 75%;
}

#job-directory .job .info .location {
	font-size: 90%;
	margin-top: 0;
	margin-bottom: 0;
}

#job-directory .job .info .text {
	font-size: 85%;
	margin-top: 0;
}

#job-directory .job .salary {
	float: right;
	text-align: right;
	margin-top: 1.5em;
	width: 200px;
}

#job-directory .job .salary p {
	color: #f8b80b;
	font-size: 140%;
	font-weight: bold;
}

#job-directory .job .salary p.link {
	color: #f8b80b;
	font-size: 80%;
	font-weight: normal;
	text-align: right;
	clear: right;
}

#job-directory .job .salary .button {
	background: url(../images/button-more-details.png) no-repeat;
	float: right;
}

#job-directory .job .salary .button a span {
	background: url(../images/button-more-details.png) no-repeat;
}


/* featured jobs */

#job-directory .job.featured {
	background: #f9bf17;
	color: #275f73;
}

#job-directory .job.featured span.featured {
	float: right;
	margin-right: 80px;
}

#job-directory .job.featured .wrapper-outer {
	background:  url(../images/jobs-featured-top.png) no-repeat left top;
}

#job-directory .job.featured .wrapper-inner {
	background:  url(../images/jobs-featured-bottom.png) no-repeat left bottom;
}

#job-directory .job.featured .location {
	color: #fff;
}

#job-directory .job.featured .location strong {
	color: #275f73;
}

#job-directory .job.featured .salary p {
	color: #fff;
}

#job-directory .job.featured .salary .button {
	background: url(../images/button-more-details-featured.png) no-repeat;
	float: right;
}

#job-directory .job.featured .salary .button a span {
	background: url(../images/button-more-details-featured.png) no-repeat;
}

/* resumes */

.resume {
	margin-bottom: 2em;
}

.resume .name {
	font-size: 90%;
	margin-top: 0;
	margin-bottom: 0;
}

.resume .text {
	font-size: 85%;
	margin-top: 0;
}

.resume .button {
	background: url(../images/button-more-details.png) no-repeat;
	margin-top: 1em;
}

.resume .button span {
	background: url(../images/button-more-details.png) no-repeat;
}

/* job page */

table.job th, table.job td {
	vertical-align: top;
}

table.job {
	width: 580px;
}

table.job th {
	width: 100px;
}

table.job td {
	width: 480px;
	overflow: hidden;
}

table.job td p {
	width: 450px;
}

/* services page ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

ul.icons {
	margin: 20px 0 0 40px;
	padding: 0;
	list-style-type: none;
}

ul.icons li {
	margin: 0 0 5px 0;
	padding: 0 0 0 30px;
	background: url(../images/icon-small.gif) left center no-repeat;
	min-height: 26px;
}

div.service-info {
	float: left;
	width: 530px;
	margin-bottom: 1.5em;
}

div.service-price {
	float: right;
	text-align: right;
	margin-top: 1.5em;
	width: 250px;
}

div.service-price p {
	color: #f8b80b;
	font-size: 140%;
	font-weight: bold;
}

div.service-price .button {
	background: url(../images/button-purchase-here.png) no-repeat;
	float: right;
}

div.service-price .button a span {
	background: url(../images/button-purchase-here.png) no-repeat;
}

/* staffing page ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.center {
	text-align: center;
}

.button#initiate-button {
	background: url(../images/button-purchase-here.png) no-repeat;
	margin-top: 2em  !important;
	margin-bottom: 2em !important;
}

.button#initiate-button a {
	overflow: hidden;
	text-indent: -1000px;
}


/* place an order page ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#frmorderform-send, #frmorderform-send span {
	margin: 0 auto;
	background: url(../images/button-checkout.png) no-repeat;
}

#btn-print, #btn-print span {
	background: url(../images/button-print.png) no-repeat;
}

.PlaceOrder-agreement #btn-print {
	float: left;
	margin: 0;
}

#frmagreeform {
	text-align: center;
}

.PlaceOrder-agreement .buttons {
	margin: 0 auto;
	width: 600px;
	margin-top: 20px;
}

.PlaceOrder-agreement .pay-buttons {
	margin: 0;
	width: 360px;
	margin-top: 0px;
	float: right;
	position: relative;
}

.PlaceOrder-agreement .pay-buttons p {
	text-align: center;
}

#frmagreeform-paypal, #frmagreeform-cc {
	margin: 0 10px;
	width: 148px;
	height: 40px;
	padding: 0;
	border: 0;
	overflow: hidden;
	text-indent: -1000px;
	cursor: pointer;
	text-indent: -1000px;
	background: url(../images/button-paypal.png) no-repeat;
	float: right;
}

#frmagreeform-cc {
	background: url(../images/button-credit-card.png) no-repeat;
	float: left;
}


/* contact us page ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#frmcontactform-send, #frmcontactform-send span {
	margin: 0 auto;
	background: url(../images/button-send-form.png) no-repeat;
}


/* tables ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

table {
	width: 100%;
}

table td.indent {
	padding-left: 30px;
}

/* forms ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.mainsite form {
	text-align: center;
}

.mainsite form table {
	width: 600px;
	margin: 0 auto;
	text-align: left;
	font-size: 90%;
}

.mainsite form table th {
	text-align: right;
	color: #275f73;
	padding-right: 10px;
	padding-top: 2px;
	width: 260px;
	vertical-align: top;
}

.mainsite form table td {
	text-align: left;
	padding-left: 10px;
}

.mainsite form table td.infotext {
	text-align: right;
	padding: 20px 150px 20px 0;
}

.mainsite form table td.separator {
	padding: 10px 0 0 0;
}

.mainsite form table td input:not(.checkbox) {
	text-align: left;
	padding: 5px 7px;
	width: 160px;
	height: 16px;
	background: url(../images/input-box.png) no-repeat;
	color: #275f73;
	border: 0;
	font-size: 100%;
}

.mainsite form table td input.small {
	width: 80px;
	background-image: url(../images/input-box-small.png);
}

.mainsite form table td div.textarea {
	text-align: left;
	padding: 5px 0 !important;
	width: 224px;
	height: 96px;
	/*background: url(../images/textarea.png) no-repeat;*/
	color: #275f73;
	background: #fff;
	font-size: 100%;
}

.mainsite form table td div.textarea textarea {
	text-align: left;
	padding: 5px;
	margin: 0;
	width: 214px;
	height: 86px;
	color: #275f73;
	border: solid 1px #f8b80c;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size: 100%;
}

.mainsite div.textarea {
	text-align: left;
	padding: 5px 0 !important;
	width: 490px;
	height: 190px;
	/*background: url(../images/textarea-big.png) no-repeat;*/
	color: #275f73;
	border: 0;
	font-size: 100%;
	background: #fff;
}

.mainsite div.textarea textarea {
	text-align: left;
	padding: 5px;
	margin: 0;
	width: 490px;
	height: 190px;
	color: #275f73;
	border: solid 1px #f8b80c;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size: 100%;
}

.mainsite form table td select {
	width: 236px;
	height: 28px;
	color: #275f73;
	padding: 0;
	margin: 0;
}

.mainsite form table td span.select {
	position: absolute;
	text-align: right;
	width: 192px;
	height: 18px;
	padding: 5px 37px 5px 7px;
	background: url(../images/select-box.png) no-repeat;
	overflow: hidden;
}

.mainsite form table td span.select.small {
	position: absolute;
	text-align: right;
	width: 50px;
	height: 18px;
	padding: 5px 37px 5px 7px;
	background: url(../images/select-box-small.png) no-repeat;
	overflow: hidden;
}

.mainsite form table td select.small {
	width: 94px;
}

/* some food for safary only */
@media screen and (-webkit-min-device-pixel-ratio:0)
{ 
	.mainsite form table td select {
		position: relative;
		top: 8px;
		margin-bottom: 8px;
		/* and fix for chrome */
		height: 20px;
	}
}
      
/* enough! */

.mainsite form table td .help, 
.mainsite form table td .price,
.mainsite form table td .rush,
.mainsite form table td .remove {
	margin-left: 5px;
	/*color: #f8b80b;*/
	position: relative;
	top: 2px;
}

.mainsite form table td .price {
	font-weight: bold;
        width: 70px;
        display: inline-block;
}

.mainsite form table td .rush {
        width: 160px;
        display: inline-block;
}

.mainsite form table td .remove {
	font-weight: bold;
        font-size: 120%;
}

.mainsite form table tr.total th, .mainsite form table tr.total td {
	padding-top: 15px;
	/*color: #f8b80b;*/
	font-weight: bold;
}

.mainsite form table td button, .mainsite form table td input.button {
	width: 148px;
	height: 40px;
	margin-top: 15px;
	padding: 0;
	background: url(../images/button-send-form.png) no-repeat;
	border: 0;
	overflow: hidden;
	text-indent: -1000px;
	cursor: pointer;
	text-indent: -1000px;
}

.mainsite form table td button.small-ok {
    width: 41px;
    height: 23px;
    margin: 0;
    background: url(../images/button-small-ok.png) no-repeat;
}

.mainsite form table td button.login, .mainsite form table td input.button.login {
	background: url(../images/button-login.png) no-repeat;
}

.mainsite form table td button.register, .mainsite form table td input.button.register {
	background: url(../images/button-register.png) no-repeat;
}

/* footer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#footer {
    color: #e9ab00;
    text-align: center;
    padding-bottom: 1em;
    line-height: 120%;
}

#footer a {
    color: #275f73;
    margin: 0 0.5em;
}

#footer #copyright {
}

#footer #copyright-webdesign {
	color: #fff;
}

#footer #copyright-webdesign a {
	color: #fff;
	margin: 0;
}

#frmfilter-search {
	background: url('../images/button-refine-search.png') no-repeat;
	margin: 0;
}

#filter-search {
	width: 100%;
}

#filter-search td, #filter-search th {
	vertical-align: middle;	
}


ul.error {
	margin-top: 3em;
	color: red;
	font-weight: bold;
}

#comment-button input.button {
	width: 148px;
	height: 40px;
	margin-top: 15px;
	padding: 0;
	background: url(../images/button-comment.png) no-repeat;
	border: 0;
	overflow: hidden;
	text-indent: -1000px;
	cursor: pointer;
	text-indent: -1000px;
}


form div.captcha {
	margin: 2em 0;
}

form table.captcha td {
	width: 240px;
	vertical-align: top;
	padding: 0;
}


div.perex {
	font-size: 85%;
}

p.posted {
	font-size: 85%;
}




.paginator {
	margin: 2em 0 0;
	font-size: 90%;
	text-align: center;
}

.paginator a, .paginator span {
	margin-right: 0.1em;
	padding: 0.2em 0.5em;
	color: #999999;
}

.paginator a {
	text-decoration: none;
	color: #275f73;
}

.paginator span.button {
	color: #DDDDDD;
}

.paginator .current {
	font-weight: bold;
	font-size: 160%;
	color: #275f73;
}


body.PlaceOrder-default table#table_orderform
{
    width: 100%;
}