﻿
html, body
{
	padding: 0;
	margin: 0;
	background: #FFFFFF;
	height:100%;
	min-height:100%;
	background-image:url(../images/site-background.jpg);
	background-repeat:repeat-y !important;
	background-position:center !important;
}

.scpi-page
{
	display:block;
	width:980px !important;
	margin-left:auto;
	margin-right:auto;
}

.scpi-page .header
{
	display:block;
	float:left;
	width:980px !important;
	height:130px !important;
	background-image:url(../images/header-background.jpg);
	background-repeat:repeat-x;
}

.scpi-page .header .logo
{
	display:block;
	float:left;
	width:590px !important;
	margin-left:5px;
}


.scpi-page .header .clock
{
	display:block;
	width:120px;
	float:right;
	margin-right:10px;
	margin-top:5px;
}

.scpi-page .spacer
{
	display:block;
	float:left;
	width:100%;
	height:10px;
	clear:both;
}

.scpi-page .general-content
{
	display:block;
	float:left;
	width:100%;
}

.scpi-page .autocomplete
{
	display:block;
	border-left:#000 1px solid;
	border-right:#000 1px solid;
	border-bottom:#000 1px solid;
	margin:0px;
	padding:0px;
}

.scpi-page .autocomplete-item
{
	display:block;
	padding:5px;
	background-color:#c4d8da;
	height:20px;
	border-bottom:#fff 1px dotted;
	
}

.scpi-page .autocomplete-highlight
{
	display:block;
	padding:5px;
	background-color:#015772;
	color:#ffffff;
	height:20px;
	border-bottom:#fff 1px dotted;
}

.scpi-page .title-bar
{
	display:block;
	float:left;
	width:100%;
	height:40px;
	
}

.scpi-page .title-bar .content
{
	display:block;
	float:left;
	margin:10px;
	
}

.grey
{
	background-color:#e5e9ee;
	color:#000;
}

.scpi-page .menu
{
	display:block;
	float:left;
	width:980px !important;
	height:50px !important;
	background-image:url(../images/menu-background.jpg);
	background-repeat:repeat-x;
	margin-top:1px;
}

.scpi-page .menu .main-menu
{
	display:block;
	float:left;
	width:615px !important;
	height:50px !important;
	background-image:url(../images/menu-background.jpg);
	background-repeat:repeat-x;
}

.scpi-page .menu .main-menu ul
{
	display:block;
	float:left;
	width:615px !important;
	list-style:none !important;
	margin:0px 0px 0px 10px;
	padding:0px;
}

.scpi-page .menu .main-menu ul li
{
	display:block;
	float:left;
	width:120px !important;
	height:35px !important;
	list-style:none !important;
	border-left:#fff 1px solid;
	border-right:#666666 1px solid;
	border-bottom:#666666 1px solid;
	
}

.scpi-page .menu .main-menu ul li a
{
	display:block;
	float:left;
	width:120px !important;
	height:33px;
	text-align:center;
	font-size:0.75em;
	font-weight:bold;
	line-height:2.5em;
	text-decoration:none;
	background-color:#f4f4f4;
	color:#000;
	background-image:url(../images/default-mnu-btn.jpg);
	background-repeat:repeat-x;
	
}

.scpi-page .menu .main-menu ul li a:hover
{
	display:block;
	float:left;
	width:120px !important;
	height:33px;
	text-align:center;
	font-size:0.75em;
	font-weight:bold;
	line-height:2.5em;
	text-decoration:none;
	background-color:#f4f4f4;
	color:#333333;
	background-image:url(../images/menu-background.jpg);
	background-repeat:repeat-x;
}


.scpi-page .menu .sub-menu
{
	display:block;
	float:right;
	width:330px !important;
	height:33px !important;
	background-image:url(../images/menu-background.jpg);
	background-repeat:repeat-x;
	margin-top:1px;
	margin-right:10px;
}

.scpi-page .menu .sub-menu ul
{
	display:block;
	float:right;
	width:320px;
	list-style:none;
	margin:0px;
	padding:0px;
}

.scpi-page .menu .sub-menu ul li
{
	display:block;
	float:left;
	width:100px;
	border-right:#000 1px solid;
	list-style:none;
	margin:0px;
	padding:0px;
}

.scpi-page .menu .sub-menu ul li a
{
	display:block;
	float:left;
	width:100px;
	height:20px;
	font-size:11px;
	text-decoration:none;
	color:#000;
	text-align:center;
	line-height:2em;
}

.scpi-page .menu .sub-menu ul li a:hover
{
	display:block;
	float:left;
	width:100px;
	height:20px;
	font-size:11px;
	text-decoration:underline;
	color:#000;
	text-align:center;
	line-height:2em;
}

.scpi-page .breadcrumb-content
{
	display:block;
	float:left;
	width:980px !important;
	height:38px !important;
	background-image:url(../images/breadcrumb-background.jpg);
	background-repeat:repeat-x;
}

.breadcrumb-content .icon
{
	display:block;
	float:left;
	width:13px !important;
	height:38px !important;
	background-image:url(../images/breadcrumb-icon.jpg);
	background-repeat:repeat-x;
	margin-left:10px;
}

.breadcrumb-content .content
{
	display:block;
	float:right;
	width:945px !important;
}

.breadcrumb-content .content .breadcrumb
{
	display:block;
	float:left;
	width:500px !important;
	font-size:0.75em;
}

.breadcrumb-content .content .breadcrumb a
{
	display:block;
	float:left;
	height:38px;
	text-decoration:none;
	line-height:2.3em;
	color:#007987;
}

.breadcrumb-content .content .breadcrumb a:hover
{
	display:block;
	float:left;
	height:38px;
	text-decoration:underline;
	line-height:2.3em;
	color:#007987;
}
.breadcrumb-content .content .breadcrumb .item
{
	display:block;
	float:left;
	height:38px;
	line-height:2.3em;
}

.breadcrumb-content .content .breadcrumb .seperator
{
	display:block;
	float:left;
	height:38px;
	width:20px;
	text-align:center;
}

.breadcrumb-content .content .quick-search
{
	display:block;
	float:right;
	width:365px !important;
}

.breadcrumb-content .content .quick-search .label
{
	display:block;
	float:left;
	width:95px !important;
	font-size:0.75em;
	color:#007987;
	font-weight:bold;
	line-height:2.0em;
}

.breadcrumb-content .content .quick-search .form
{
	display:block;
	float:right;
	width:250px !important;
	margin-right:10px;
}

.breadcrumb-content .content .quick-search .form .field
{
	display:block;
	float:left;
	width:150px !important;
	margin-top:3px;
	font-size:0.75em;
}

.breadcrumb-content .content .quick-search .form .button
{
	display:block;
	float:right;
	width:100px !important;
	font-size:0.75em;
}

.quick-search-btn
{
	display:block;
	float:right;
	width:90px;
	height:30px;
	
}

.scpi-page .main-body
{
	display:block;
	float:left;
	width:980px !important;
}

.scpi-page .main-body .main-left-col
{
	display:block;
	float:left;
	width:640px !important;
}

.scpi-page .main-body .main-right-col
{
	display:block;
	float:right;
	width:330px !important;
}

.scpi-page .main-body .search-panel
{
	display:block;
	float:left;
	width:330px !important;
}

.scpi-page .main-body .search-panel .panel-header
{
	display:block;
	float:left;
	width:330px !important;
	height:200px !important;
	background-image:url(../images/search-panel-header.jpg);
	background-repeat:no-repeat;
}

.scpi-page .main-body .search-panel .panel-header .title
{
	display:block;
	float:left;
	width:290px !important;
	margin:5px 0px 0px 30px;
	color:#000;
	height:30px;
}


.scpi-page .main-body .search-panel .panel-header .content
{
	display:block;
	float:right;
	width:200px;
	margin:10px 10px 0px 0px;
	padding:0px 0px 0px 0px;
}

.scpi-page .main-body .search-panel .panel-body
{
	display:block;
	float:left;
	width:330px !important;
	background-image:url(../images/search-panel-background.jpg);
	background-repeat:repeat-y;
}

.scpi-page .main-body .search-panel .panel-body .content
{
	display:block;
	float:left;
	width:310px !important;
	margin-left:10px;
	margin-top:15px;
	
}



.scpi-page .main-body .search-panel .panel-footer
{
	display:block;
	float:left;
	width:330px !important;
	height:50px !important;
	background-image:url(../images/search-panel-footer.jpg);
	background-repeat:no-repeat;
}

.scpi-page .page-footer
{
	display:block;
	float:left;
	width:980px !important;
	background-color:#e4e4e4;
	height:35px;
	text-align:center;
	font-size:0.7em;
	padding-top:10px;
}

.scpi-page .login-form
{
	display:block;
	width:460px;
	float:left;
}

.scpi-page .login-form .form
{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:320px;
	
}

.scpi-page .login-form .form .form-title
{
	display:block;
	width:320px;
	float:left;
	background-color:#bcd9e2;
	height:30px;
}
.scpi-page .login-form .form .form-title .content
{
	display:block;
	width:300px;
	float:left;
	margin:7px 0px 5px 10px;
}

.scpi-page .login-form .form .form-body
{
	display:block;
	width:318px;
	float:left;
	border:#bcd9e2 1px solid;
	margin-top:1px;
}

.scpi-page .login-form .form .form-body .content
{
	display:block;
	width:298px;
	float:left;
	margin-left:10px;
}

.scpi-page .login-form .form .form-body .content .label
{
	display:block;
	width:90px;
	float:left;
}

.scpi-page .login-form .form .form-body .content .field
{
	display:block;
	width:208px;
	float:right;
}

.scpi-page .main-body .profile
{
	display:block;
	float:left;
	width:980px !important;
}

.scpi-page .main-body .profile .picture
{
	display:block;
	width:200px;
	float:left;
}

.scpi-page .main-body .profile .right-col
{
	display:block;
	width:770px;
	float:right;
}


.scpi-page .main-body .profile .training
{	display:block;
	width:380px;
	float:left;
}

.scpi-page .main-body .profile .membership
{	display:block;
	width:380px;
	float:right;
}

.scpi-page .main-body .profile .disciplines
{	display:block;
	width:320px;
	float:left;
}

.scpi-page .main-body .profile .locations
{	display:block;
	width:320px;
	float:left;
}

.scpi-page .main-body .profile .contact-info
{	display:block;
	width:320px;
	float:right;
}

.scpi-page .main-body .profile .right-items-col
{	display:block;
	width:650px;
	float:right;
}
.light-blue-bx
{
	display:block;
	float:left;
	width:100%;
	
}
 .light-blue-bx .bx-header
{
	display:block;
	float:left;
	width:100%;
	height:42px;
	background-image:url(../images/light-blue-cbox-bg.jpg);
	background-repeat:repeat-x;
	position:relative;
}

.light-blue-bx .bx-header .bx-left
{
	display:block;
	float:left;
	width:10px;
	height:42px;
	background-image:url(../images/light-blue-cbox-left.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

.light-blue-bx .bx-header .bx-right
{
	display:block;
	float:right;
	width:10px;
	height:42px;
	background-image:url(../images/light-blue-cbox-right.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

.light-blue-bx .bx-header .bx-content 
{
	display:block;
	position:absolute;
	left:10px;
	
	
}

.light-blue-bx .bx-header .bx-content h2
{
	display:block;
	float:left;
	margin:13px 0px 0px 0px;
	padding:0px;
}

 .light-blue-bx .bx-body-content
{
	display:block;
	float:left;
	margin:10px;
	min-height:100px;
}

.light-blue-bx .bx-body-content .icon
{
	display:block;
	float:left;
	width:85px;
}

.light-blue-bx .bx-body-content .text
{
	display:block;
	float:left;
	margin-left:10px;
	font-size:0.75em;
}

.light-blue-bx .update-btn
{
	display:block;
	float:left;
	margin-top:10px;
	margin-left:10px;
}


.dark-blue-bx
{
	display:block;
	float:left;
	width:100%;
	
}
 .dark-blue-bx .bx-header
{
	display:block;
	float:left;
	width:100%;
	height:42px;
	background-image:url(../images/dark-blue-cbox-bg.jpg);
	background-repeat:repeat-x;
	position:relative;
}

.dark-blue-bx .bx-header .bx-left
{
	display:block;
	float:left;
	width:10px;
	height:42px;
	background-image:url(../images/dark-blue-cbox-left.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

.dark-blue-bx .bx-header .bx-right
{
	display:block;
	float:right;
	width:10px;
	height:42px;
	background-image:url(../images/dark-blue-cbox-right.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

.dark-blue-bx .bx-header .bx-content 
{
	display:block;
	position:absolute;
	left:10px;
	color:#fff;
	
}

.dark-blue-bx .bx-header .bx-content h2
{
	display:block;
	float:left;
	margin:13px 0px 0px 0px;
	padding:0px;
}

 .dark-blue-bx .bx-body-content
{
	display:block;
	float:left;
	margin:10px;
	min-height:100px;
}

.dark-blue-bx .bx-body-content .icon
{
	display:block;
	float:left;
	width:85px;
}

.dark-blue-bx .bx-body-content .text
{
	display:block;
	float:left;
	margin-left:10px;
	font-size:0.75em;
}

.dark-blue-bx .update-btn
{
	display:block;
	float:left;
	margin-top:10px;
	margin-left:10px;
}


.green-bx
{
	display:block;
	float:left;
	width:100%;
	
}
 .green-bx .bx-header
{
	display:block;
	float:left;
	width:100%;
	height:42px;
	background-image:url(../images/green-bx-bg.jpg);
	background-repeat:repeat-x;
	position:relative;
}

.green-bx .bx-header .bx-left
{
	display:block;
	float:left;
	width:10px;
	height:42px;
	background-image:url(../images/green-bx-left.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

.green-bx .bx-header .bx-right
{
	display:block;
	float:right;
	width:10px;
	height:42px;
	background-image:url(../images/green-bx-right.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

.green-bx .bx-header .bx-content 
{
	display:block;
	position:absolute;
	left:10px;
	color:#fff;
	
}

.green-bx .bx-header .bx-content h2
{
	display:block;
	float:left;
	margin:13px 0px 0px 0px;
	padding:0px;
}

 .green-bx .bx-body-content
{
	display:block;
	float:left;
	margin:10px;
	min-height:100px;
}

.green-bx .bx-body-content .icon
{
	display:block;
	float:left;
	width:85px;
}

.green-bx .bx-body-content .text
{
	display:block;
	float:left;
	margin-left:10px;
	font-size:0.75em;
}

.green-bx .update-btn
{
	display:block;
	float:left;
	margin-top:10px;
	margin-left:10px;
}

.general-item-bx
{
	display:block;
	width:320px;
	float:left;
	background-image:url(../images/general-item-bx-bg.jpg);
	background-repeat:repeat-y;
	
}

.general-item-bx .bx-header
{
	display:block;
	width:320px;
	float:left;
	height:40px;
	background-image:url(../images/general-item-bx-header.jpg);
	background-repeat:no-repeat;
}

.general-item-bx .bx-header .content
{
	display:block;
	float:left;
	width:300px;
	color:#333333;
	margin-left:10px;
}

.general-item-bx .bx-header .content h2
{
	display:block;
	float:left;
	margin:13px 0px 0px 0px;
	padding:0px;
}

.general-item-bx .bx-body
{
	display:block;
	width:320px;
	float:left;
	min-height:170px;
}

.general-item-bx .bx-body .content
{
	display:block;
	width:300px;
	float:left;
	width:300px;
	min-height:420px;
	margin-left:10px;
}

.general-item-bx .button
{
	display:block;
	width:320px;
	float:left;
	width:300px;
	margin-left:10px;
}

.general-item-bx .bx-body .content .row-item
{
	display:block;
	width:300px;
	min-height:40px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:#000 1px dotted;
}

.general-item-bx .bx-body .content .row-item .icon
{
	width:40px;
	display:block;
	float:left;
}

.general-item-bx .bx-body .content .row-item .row-text
{
	width:250px;
	display:block;
	float:right;
}


.LeftBoxText
{
	width:205px;
	display:block;
	float:right;	
	font-size :0.75em;
	color :#666666;
}



.general-item-bx .bx-footer
{
	display:block;
	width:320px;
	float:left;
	height:10px;
	background-image:url(../images/general-item-bx-footer.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}

.scpi-page .search-results-row
{
	display:block;
	float:left;
	width:640px !important;
}

.scpi-page .search-results-row .thumb-nail
{
	display:block;
	width:100px;
	height:100px;
	float:left;
}
.scpi-page .search-results-row .profile-text
{
	display:block;
	width:530px;
	float:right;
}

.scpi-page .search-results-row .more-info-btn
{
	display:block;
	width:105px;
	height:34px;
	float:right;
	background-image:url(../images/more-info-btn.jpg);
	background-repeat:no-repeat;
	
}



.scpi-page .main-body .main-left-col .account-form
{
	display:block;
	float:left;
	width:640px;
	background-color:#fff;
	border-bottom:#999999 1px dotted;
	padding-bottom:5px;
	border-top:#999999 1px dotted;
	padding-top:5px;
}

.scpi-page .main-body .main-left-col .account-form .form-row
{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:620px;
}


.account-form .button-row
{
	display:block;
	float:left;
	background-image:url(../images/administration/tab-submenu-background.jpg);
	background-repeat:no-repeat;
	background-position:-20px top;
	width:640px;
	height:50px;
}

.account-form .button-row .row-content
{
	display:block;
	float:right;
	background-image:url(../images/administration/tab-submenu-background.jpg);
	background-repeat:no-repeat;
	background-position:-340px top;
	width:620px;
	height:50px;
}


.account-form .button-row .row-content .left-item
{
	display:block;
	float:left;
	width:420px;
	height:30px;
	margin:10px 0px 0px 0px;
	border-left:#000 1px solid;
	border-top:#000 1px solid;
	border-bottom:#fff 1px solid;
	border-right:#fff 1px solid;
}

.account-form .button-row .row-content .left-item .label
{
	display:block;
	float:left;
	width:190px;
	margin:7px 0px 0px 10px;
}

.account-form .button-row .row-content .left-item .field
{
	display:block;
	float:right;
	width:210px;
	margin:5px 0px 0px 0px;
}

.account-form .button-row .row-content .right-item
{
	display:block;
	float:right;
	width:180px;
	margin:5px 10px 0px 0px;
}

.account-form .form-row .left-item
{
	display:block;
	float:left;
	width:200px;
	line-height:2.5em;
	font-size:0.75em;
}

.account-form .form-row .right-item
{
	display:block;
	float:right;
	width:200px;
	line-height:2.5em;
	font-size:0.75em;
}

.account-form .form-row .right-col
{
	display:block;
	float:right;
	width:410px;
}

.form-help-info
{
	display:block;
	float:right;
	width:280px;
	background-color:#fff;
	height:250px;
}

.form-help-info .content
{
	display:block;
	float:right;
	width:260px;
	background-color:#fff;
	margin:10px;
}