/* ---------- css/base/tags.css ---------- */
/* ===================== BASE TAGS BEGIN ===================== */
html,body,div,
code,var,pre,samp,span,blockquote,address,kbd,cite,abbr,acronym,
ul,ol,dl,li,dt,dd,
a,p,h1,h2,h3,h4,h5,h6,
em,strong,
abbr,acronym,
form,fieldset,legend,label,option,textarea,
table,caption,tr,th,td,tbody,thead,tfoot,col,colgroup 
{margin:0;padding:0;border:none;outline:none;font-family:Helvetica,Arial,sans-serif;color:#333;font-size:12px;font-style:normal;font-weight:normal;line-height:100%;}
body {background-color:#fff;height:100%;}
input,textarea {border:1px solid #ccc;background-color:#fff;}
input,select {margin:0;}
h1,h2,h3,h4,h5,h6,strong {font-weight:bold;}
a {text-decoration:underline;color:#333;}
a:hover {text-decoration:none;color:#333;}
p {line-height:120%;margin-top:10px;}
em {font-style:italic;}
img {border:none;margin:0;padding:0;}
blockquote {margin:10px 40px;}
hr {margin:0;padding:0;border:0;border-bottom:1px solid #ccc;height:1px;line-height:0;font-size:0;}
abbr,acronym {border-bottom:1px dotted #000;cursor:help;}
ol,ul,dl {margin:10px;}
li {margin-top:5px;}
ol li {list-style:decimal outside;}
ul li {list-style:disc outside;}
/* ===================== BASE TAGS END ===================== */


/* ---------- css/base/classes.css ---------- */
/* ===================== BASE CLASSES BEGIN ===================== */
*.clearFloats {overflow:hidden;height:1%;}
*.clearLeft {clear:left;}
*.clearRight {clear:right;}
*.clearBoth {clear:both;}


/* ---------- PARAGRAPHS ----------  */
p.first {margin-top:0;}


/* ---------- LISTS ----------  */
/* li.first {margin-top:0;} */
ul.strip,ol.strip,ul.strip li,ol.strip li {margin:0;padding:0;list-style-type:none;}


/* ---------- TABLES ----------  */
table.grid {border-top:1px solid #ccc;border-right:1px solid #ccc;}
table.grid td,table.grid th {padding:5px;border-bottom:1px solid #ccc;border-left:1px solid #ccc;}




/* ---------- FORMS ----------  */
div.form form {margin:0;padding:0;}
div.form form fieldset {margin-bottom:10px;}
div.form form fieldset legend {font-weight:bold;color:#ccc;padding-bottom:10px;}
div.form form fieldset label {display:block;color:#666;font-weight:bold;margin-bottom:2px;margin-top:0px;}
div.form form fieldset input.text,div.form form fieldset textarea {width:95%;}
div.form form fieldset input.submit {border:none;}
div.form form fieldset textarea {height:60px;}

div.form form fieldset dl,div.form form fieldset dl dt,div.form form fieldset dl dd {margin:0;padding:0;}
div.form form fieldset dl dt {display:block;color:#666;font-weight:bold;margin-bottom:2px;margin-top:10px;}
div.form form fieldset dl dd {margin-bottom:10px;}

div.form form div.cols,div.form form div.cols div.form form div.col {margin:0 0 0 0;padding:0;}
div.form form div.cols div.col input.text,div.form form div.cols div.col select {width:90%;}
div.form form div.cols {height:1%;overflow:hidden;}
div.form form div.cols div.col {width:49.9%;float:left;}

div.form form ul,div.form form ul li {margin:0;padding:0;list-style-type:none;}
div.form form ul li {margin-top:10px;}
div.form form ul li.first {margin-top:0;}
div.form form ul.radios li {display:inline;}
div.form form ul.radios li input {margin-left:10px;}
div.form form ul.radios li.first input {margin-left:0;}

div.form form ul.checkboxes li {position:relative;padding-bottom:2px;}
div.form form ul.checkboxes li label {display:inline;margin-left:20px;line-height:14px;}
div.form form ul.checkboxes li input.checkbox {position:absolute;top:0;left:0;}

div.form form p.message {font-size:10px;font-style:italic;}

div.form form fieldset.buttons {margin-top:20px;margin-bottom:0;}
div.form form fieldset.buttons ul,div.form form fieldset.buttons ul li {margin:0;padding:0;list-style-type:none;}
div.form form fieldset.buttons ul {overflow:hidden;height:1%;}
div.form form fieldset.buttons ul li {float:left;margin-left:10px;}
div.form form fieldset.buttons ul li.first {margin-left:0;}

div.form div.formMsg {color:#f00;font-weight:bold;}




/* ---------- BUTTONS ----------  */
/* icon buttons  (details - remove) */
.iconButton {display:block;width:20px;height:0;padding-top:20px;overflow:hidden;background:url(http://www.studiojdesign.com/css/base/images/buttons/iconButtons.gif) no-repeat 0 0;cursor:pointer;}
.iconButton:hover{width:75px;background-position:0px -20px;}
.iconButton.details {background-position:0px 0px;}
.iconButton.details:hover{background-position:0px -20px;}
.iconButton.remove {background-position:-75px 0px;}
.iconButton.remove:hover{background-position:-75px -20px;}

/* form buttons (register - login - cancel - submit - update - search - close - addNew - edit - continue - approve - save) */
.formButton {position:relative;zoom:1;display:block;margin:0;padding:22px 0 0 0 ! important;border:0;width:71px;height:0;overflow:hidden;background:url(http://www.studiojdesign.com/css/base/images/buttons/formButtons.png) no-repeat 0 0;cursor:pointer;background-color:transparent ! important;}
	* html .formButton {background-image:url(http://www.studiojdesign.com/css/base/images/buttons/formButtons.gif);}
.formButton.register {background-position:0px 0px;}
.formButton.register:hover {background-position:0px -22px;}
.formButton.login {background-position:-71px 0px;}
.formButton.login:hover {background-position:-71px -22px;}
.formButton.cancel {background-position:-142px 0px;}
.formButton.cancel:hover {background-position:-142px -22px;}
.formButton.submit {background-position:-213px 0px;}
.formButton.submit:hover {background-position:-213px -22px;}
.formButton.update {background-position:-284px 0px;}
.formButton.update:hover {background-position:-284px -22px;}
.formButton.search {background-position:-355px 0px;}
.formButton.search:hover {background-position:-355px -22px;}
.formButton.close {background-position:-426px 0px;}
.formButton.close:hover {background-position:-426px -22px;}
.formButton.addNew {background-position:-497px 0px;}
.formButton.addNew:hover {background-position:-497px -22px;}
.formButton.edit {background-position:-568px 0px;}
.formButton.edit:hover {background-position:-568px -22px;}
.formButton.continue {background-position:-639px 0px;}
.formButton.continue:hover {background-position:-639px -22px;}
.formButton.approve {background-position:-710px 0px;}
.formButton.approve:hover {background-position:-710px -22px;}
.formButton.save {background-position:-781px 0px;}
.formButton.save:hover {background-position:-781px -22px;}
.formButton.inactivate {background-position:-852px 0px;}
.formButton.inactivate:hover {background-position:-852px -22px;}
.formButton.preview {background-position:-923px 0px;}
.formButton.preview:hover {background-position:-923px -22px;}


/* breadcrumb trail */
div.breadcrumbTrail,div.breadcrumbTrail div.menu ul {height:15px;}

div.breadcrumbTrail div.menu ul,div.breadcrumbTrail div.menu ul li {margin:0;padding:0;list-style-type:none;}
div.breadcrumbTrail div.menu ul {overflow:hidden;height:15px;}

div.breadcrumbTrail div.menu ul li {float:left;padding-left:20px;margin-left:10px;background:url(http://www.studiojdesign.com/css/base/images/breadCrumb_sep.gif) no-repeat left center;}
	* html div.breadcrumbTrail div.menu ul li {float:none;display:inline;zoom:0;}
	
div.breadcrumbTrail div.menu ul li a {text-decoration:none;font-size:10px;color:#666;}
div.breadcrumbTrail div.menu ul li a:hover {text-decoration:underline;}

div.breadcrumbTrail div.menu ul li.focus {}
div.breadcrumbTrail div.menu ul li.focus a {}

div.breadcrumbTrail div.menu ul li.first {margin-left:0;padding-left:0;background-image:none;}
div.breadcrumbTrail div.menu ul li.first a {}

/* ===================== BASE CLASSES END ===================== */

/* ---------- css/site/site.css ---------- */
/* ===================== COLORS =====================


===================== COLORS ===================== */

h2 {font-size:16px;font-weight:normal;letter-spacing:1px;color:#f60;}

* + h2 {margin-top:20px;}
p {line-height:140%;}

div.form {position:relative;}
div.form form fieldset legend {color:#777;padding-bottom:10px;font-weight:normal;font-size:14px;letter-spacing:2px;}
div.form form fieldset label,div.form form fieldset label {color:#666;margin:0 0 4px 0 ! important;padding:0;}
div.form form input.text {border-color:#b0b0b1;margin-bottom:10px;}

div.form .formButtons {overflow:hidden;height:1%;}
div.form .formButtons input.formButton {float:left;display:block;position:relative;width:109px;height:40px;margin-left:10px;padding:0;cursor:pointer;background:url(http://www.studiojdesign.com/css/site/images/formButtons_bg.gif) no-repeat 0 0;}
div.form .formButtons  input.fSubmit {background-position:0px 0px;}
div.form .formButtons  input.fSend {width:90px;background-position:-109px 0px;}
div.form .formButtons  input.fCancel {background-position:-199px 0px;}
div.form .formButtons  input.fClose {width:94px;background-position:-308px 0px;}
div.form .formButtons  input.fEnter {width:94px;background-position:-402px 0px;}
div.form .formButtons input.first {margin-left:0;}

div.form div.errMsg {position:absolute;top:0;left:0;}
div.form div.errMsg div.errContent,div.form div.errMsg div.errContent * {color:#fff;}
div.form div.errMsg div.errContent {padding:10px 0 0 0;width:300px;}
div.form div.errMsg div.errContent h2 {font-size:12px;font-weight:bold;}
div.form div.errMsg div.errContent ol {margin-left:20px;}
div.form div.errMsg div.errContent .close {position:absolute;top:0;right:10px;background:url(http://www.studiojdesign.com/css/site/images/formMsgClose_bg.png) no-repeat left top;width:20px;height:20px;cursor:pointer;z-index:9999;}
div.form div.errMsg div.errContent div.jjM {padding-top:10px;}





div.jjBox.jjBBox.boxC div.jjT,
div.jjBox.jjBBox.boxC div.jjT span,
div.jjBox.jjBBox.boxC div.jjT div,
div.jjBox.jjBBox.boxC div.jjM,
div.jjBox.jjBBox.boxC div.jjB,
div.jjBox.jjBBox.boxC div.jjB span,
div.jjBox.jjBBox.boxC div.jjB div {background-image:url(http://www.studiojdesign.com/css/site/images/boxC_bg.png);border-color:#444;}


body {background:#000 url(http://www.studiojdesign.com/css/site/images/body_bg.png) repeat-y center center;}
div.tWrapper {width:900px;margin:0 auto;}


/* ============ HEADER BEGIN ============ */
div.tHeader {height:115px;width:900px;position:relative;overflow:hidden;background:url(http://www.studiojdesign.com/css/site/images/header_bg.png) no-repeat left top;}

div.tHeader div.siteMenu {}
div.tHeader div.siteMenu div.menu ul,div.tHeader div.siteMenu div.menu ul li {margin:0;padding:0;list-style-type:none;}
div.tHeader div.siteMenu div.menu ul li {display:inline;}

div.tHeader div.siteMenu div.menu ul li a.home {display:block;width:83px;}
div.tHeader div.siteMenu div.menu ul li.home {}
div.tHeader div.siteMenu div.menu ul li a.home {float:left;margin:12px 0 0 34px;height:0;line-height:0;font-size:0;padding-top:83px;overflow:hidden;background:url(http://www.studiojdesign.com/css/site/images/header_bg.png) no-repeat -900px 0;}
div.tHeader div.siteMenu div.menu ul li a.home:hover {background-position:-983px 0;}

div.tHeader div.siteMenu div.menu ul li div.menu ul {float:right;margin:80px 34px 0 0;}
div.tHeader div.siteMenu div.menu ul li div.menu ul li a {margin-left:40px;font-size:16px;line-height:18px;text-transform:lowercase;letter-spacing:1px;text-decoration:none;}
div.tHeader div.siteMenu div.menu ul li div.menu ul li a:hover,div.tHeader div.siteMenu div.menu ul li div.menu ul li a.focus {color:#f60;}

div.tHeader div.siteMenu div.menu ul li div.menu ul li div.menu {display:none;}

/* ============ HEADER END ============ */




/* ============ CONTENT BEGIN ============ */
div.tContent {position:relative;padding:0;margin:0 34px;background:url(http://www.studiojdesign.com/css/site/images/content_bg.png) repeat-y -832px 0;}
div.tContent div.tcTop,div.tContent div.tcBtm {overflow:hidden;background-image:url(http://www.studiojdesign.com/css/site/images/content_bg.png);background-repeat:no-repeat;}
div.tContent div.tcTop {height:17px;background-position:0 0;}
div.tContent div.tcBtm {position:relative;clear:both;top:10px;height:10px;background-position:0 -17px;}



div.tContent div.tConA,
div.tContent div.tConB,
div.tContent div.tConC {}



form#jjContact fieldset.request textarea {height:120px;}


/* resume */
div#resume {margin:10px 65px 0 65px;}

div#resume a.download {color:#fff;font-weight:bold;font-size:14px;float:right;padding:5px 10px;background-color:#f60;border:2px solid #fff;position:relative;text-decoration:none;}
div#resume a.download:hover {color:#f60;background-color:#fff;border-color:#f60;}

div#resume div.sect {margin-top:10px;}
div#resume div.sect h3 {color:#f60;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;}
div#resume div.sect h3+p {margin-top:0;}
div#resume div.sect ul.div#resume div.sect ul li {margin:0;padding:0;}
div#resume div.sect ul li {margin-left:20px;}

div#resume div.sect dl,div#resume div.sect dl dt,div#resume div.sect dl dd {margin:0;padding:0;}


div#resume div.sect.experience dl dt strong {display:block;}
div#resume div.sect.experience dl {margin-left:10px;margin-top:10px;}

div#resume div.sect.skillset dl dt {font-weight:bold;margin-top:10px;margin-bottom:5px;}
div#resume div.sect.skillset dl dd ul,
	div#resume div.sect.skillset dl dd ul li {margin:0;padding:0;overflow:hidden;list-style-type:none;}
	div#resume div.sect.skillset dl dd ul {margin-left:-5px;}
div#resume div.sect.skillset dl dd ul li {float:left;position:relaive;zoom:1;margin:5px 5px 0 -1px;border-left:1px solid #f60;padding-left:5px;}
div#resume div.sect.skillset dl dd {}

div#resume div.sect.contact {overflow:hidden;}
div#resume div.sect.contact address {width:250px;float:left;}
div#resume div.sect.contact address span.title,
	div#resume div.sect.contact address span.street {display:block;margin-bottom:5px;}
div#resume div.sect.contact ul,div#resume div.sect.contact ul li {margin:0;padding:0;overflow:hidden;list-style-type:none;}
div#resume div.sect.contact ul {width:250px;float:right;}
div#resume div.sect.contact ul li span {font-weight:bold;width:50px;float:left;position:relative;zoom:1;}
div#resume div.sect.contact ul li {margin-bottom:5px;}
/* ============ CONTENT END ============ */






/* ============ FOOTER BEGIN ============ */
div.tFooter {position:relative;top:20px;height:20px;margin:0 34px;padding:0;}
div.tFooter div.copyright {color:#f60;line-height:20px;text-align:center;}

/* ============ FOOTER END ============ */







/* ---------- css/site/print.css ---------- */
@media print {
body {background-image:none;background-color:#fff ! important;border-top:0 ! important;}
div.siteWrapper {width:600px ! important;height:auto ! important;background-color:#fff ! important;overflow:hidden;position:relative;top:0;left:0;}
div.siteHeader,div.siteFooter,div.siteContent div.subfocus_content,div.rightColumn,div.siteContent div.adColumn 
	{display:none ! important;}

div.siteContent dl.details dd.actions {display:none ! important;}

*.noprint {display:none ! important;}
}

/* ---------- code/css/jjBox/css/jjBox.css ---------- */
/* ---------- jjBox ---------- 

<div class="jjBox">
<div class="jjT"><span></span><div></div></div>
<div class="jjM">

	== content here ==

</div>
<div class="jjB"><span></span><div></div></div>
</div>

The default above will produce a box with all four corners.
If there is a corner you DON'T want then just adiv the class for it: jjTL jjTR jjBL jjBR
The following would produce a box with only a top left corner and a bottom right corner:
	<div class="jjBox jjTR jjBL"> ...
*/

div.jjBox div.jjT,
div.jjBox div.jjT span,
div.jjBox div.jjT div,
div.jjBox div.jjM,
div.jjBox div.jjB,
div.jjBox div.jjB span,
div.jjBox div.jjB div {display:block;position:relative;background-image:url(http://www.studiojdesign.com/code/css/jjBox/css/images/jjBox.png);background-repeat:repeat-y;background-position:center top;margin:0;padding:0;}
div.jjBox div.jjT span,
div.jjBox div.jjT div,
div.jjBox div.jjB span,
div.jjBox div.jjB div {position:absolute;top:0;background-repeat:no-repeat;width:10px;}
div.jjBox div.jjT,
div.jjBox div.jjT span,
div.jjBox div.jjT div,
div.jjBox div.jjB,
div.jjBox div.jjB span,
div.jjBox div.jjB div {font-size:0;line-height:0;height:10px;}
div.jjBox div.jjT,
div.jjBox div.jjB {margin:0 10px;}
div.jjBox div.jjT span,
div.jjBox div.jjB span{left:-10px;}
div.jjBox div.jjT div,
div.jjBox div.jjB div {right:-10px;}
div.jjBox div.jjT span{background-position:top left;}
div.jjBox div.jjT div {background-position:top right;}
div.jjBox div.jjB span{background-position:bottom left;}
div.jjBox div.jjB div {background-position:bottom right;}
div.jjBox.jjTL div.jjT,
div.jjBox.jjBL div.jjB {margin-left:0;}
div.jjBox.jjTR div.jjT,
div.jjBox.jjBR div.jjB {margin-right:0;}
div.jjBox.jjTL div.jjT span,
div.jjBox.jjTR div.jjT div,
div.jjBox.jjBL div.jjB span,
div.jjBox.jjBR div.jjB div {display:none;}
div.jjBox div.jjM {padding:1px 10px;overflow:hidden;height:1%;}


/* ---------- jjBBox ---------- 
An add-on to jjBox if you need a border:
	<div class="jjBox jjBBox"> ...
*/

div.jjBBox div.jjT,
div.jjBBox div.jjT span,
div.jjBBox div.jjT div,
div.jjBBox div.jjM,
div.jjBBox div.jjB,
div.jjBBox div.jjB span,
div.jjBBox div.jjB div {background-image:url(http://www.studiojdesign.com/code/css/jjBox/css/images/jjBBox.png);}
div.jjBBox div.jjT,
div.jjBBox div.jjM,
div.jjBBox div.jjB {border:0px solid #f60;}
div.jjBBox div.jjT,
div.jjBBox div.jjB {height:9px;}
div.jjBBox div.jjT {border-top-width:1px;}
div.jjBBox div.jjB {border-bottom-width:1px;}
div.jjBBox div.jjT span,
div.jjBBox div.jjT div {top:-1px;}
div.jjBBox.jjTL div.jjT,
div.jjBBox.jjBL div.jjB,
div.jjBBox div.jjM {border-left-width:1px;}
div.jjBBox.jjTR div.jjT,
div.jjBBox.jjBR div.jjB,
div.jjBBox div.jjM {border-right-width:1px;}




/* testing 
div.jjBox div.jjT span,
div.jjBox div.jjB span {background-color:#f00 ! important;}
div.jjBox div.jjT div,
div.jjBox div.jjB div {background-color:#0f0 ! important;}
div.jjBox div.jjT,
div.jjBox div.jjB {background-color:#00f ! important;}
div.jjBox div.jjM {background-color:#0cc ! important;}
div.jjBox.jjBBox {}
*/


/* ---------- css/template/template_c/template_c.css ---------- */
div.tContent div.tConA {width:472px;float:right;margin-right:15px;overflow:hidden;position:relative;}

div.tContent div.tConB {width:320px;float:left;margin-left:15px;overflow:visible;position:relative;}

div.tContent div.tConB h2 {color:#444;}

div.tContent div.tConB {}

/* ---------- dynalicious/themes/Dynalicious/default/default.css ---------- */
/* ##################################################
Dynalicious */
.Dynalicious {visibility:hidden;}
.DynaLoader {height:40px;background:#fff url(http://www.studiojdesign.com/dynalicious/themes/Dynalicious/default/images/waitingBig.gif) no-repeat center center;}



/* ##################################################
Prototype Window class (default style) */
.overlay_dialog {background-color: #666666;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
.overlay___invisible__ {background-color: #666666;filter:alpha(opacity=0);-moz-opacity: 0;opacity: 0;}
.dialog_nw {width: 9px;height: 23px;background: transparent url(http://www.studiojdesign.com/dynalicious/themes/Dynalicious/default/../../Window/default/top_left.gif) no-repeat 0 0;}
.dialog_n {background: transparent url(http://www.studiojdesign.com/dynalicious/themes/Dynalicious/default/../../Window/default/top_mid.gif) repeat-x 0 0;height: 23px;}
.dialog_ne {width: 9px;height: 23px;background: transparent url(http://www.studiojdesign.com/dynalicious/themes/Dynalicious/default/../../Window/default/top_right.gif) no-repeat 0 0;}
.dialog_e {width: 2px;background: transparent url(http://www.studiojdesign.com/dynalicious/themes/Dynalicious/default/../../Window/default/center_right.gif) repeat-y 0 0;}
.dialog_w {width: 2px;background: transparent url(http://www.studiojdesign.com/dynalicious/themes/Dynalicious/default/../../Window/default/center_left.gif) repeat-y 0 0;}
.dialog_sw {width: 9px;height: 19px;background: transparent url(http://www.studiojdesign.com/dynalicious/themes/Dynalicious/default/../../Window/default/bottom_left.gif) no-repeat 0 0;}
.dialog_s {background: transparent url(http://www.studiojdesign.com/dynalicious/themes/Dynalicious/default/../../Window/default/bottom_mid.gif) repeat-x 0 0;height: 19px;}
.dialog_se {width: 9px;height: 19px;background: transparent url(http://www.studiojdesign.com/dynalicious/themes/Dynalicious/default/../../Window/default/bottom_right.gif) no-repeat 0 0;}
.dialog_sizer {width: 9px;height: 19px;background: transparent url(http://www.studiojdesign.com/dynalicious/themes/Dynalicious/default/../../Window/default/sizer.gif) no-repeat 0 0;cursor:se-resize;	}
.dialog_close {width: 14px;height: 14px;background: transparent url(http://www.studiojdesign.com/dynalicious/themes/Dynalicious/default/../../Window/default/close.gif) no-repeat 0 0;position:absolute;top:5px;left:8px;cursor:pointer;z-index:2000;}
.dialog_minimize {width: 14px;height: 15px;background: transparent url(http://www.studiojdesign.com/dynalicious/themes/Dynalicious/default/../../Window/default/minimize.gif) no-repeat 0 0;position:absolute;top:5px;left:28px;cursor:pointer;z-index:2000;}
.dialog_maximize {width: 14px;height: 15px;background: transparent url(http://www.studiojdesign.com/dynalicious/themes/Dynalicious/default/../../Window/default/maximize.gif) no-repeat 0 0;position:absolute;top:5px;left:49px;cursor:pointer;z-index:2000;}
.dialog_title {float:left;height:14px;font-family: Tahoma, Arial, sans-serif;font-size:12px;text-align:center;width:100%;color:#000;}
.dialog_content {overflow:auto;color: #DDD;font-family: Tahoma, Arial, sans-serif;font-size: 10px;background-color:#123;}
.top_draggable, .bottom_draggable {cursor:move;}
.status_bar {font-size:12px;}
.status_bar input{font-size:12px;}
.wired_frame {display: block;position: absolute;border: 1px #000 dashed;}
/* DO NOT CHANGE THESE VALUES*/
.dialog {display: block;position: absolute;}
.dialog table.table_window  { border-collapse: collapse; border-spacing: 0; width: 100%;margin: 0px;padding:0px;}
.dialog table.table_window td , .dialog table.table_window th { padding: 0; }
.dialog .title_window {-moz-user-select:none;}