﻿/** CSS for users **/

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

html, body { height: 100%; }
body  { text-align: center; }
*,body,ul,li { margin:0; padding:0; }
li { list-style:none; }
a, a:link { text-decoration:none; cursor: hand; cursor: pointer; }
#header-quicklinks a,#header-quicklinks a:link { text-decoration:none; color:#000; }
.menuLI { color:#000; }

div { overflow:hidden }
.hidden { visibility: hidden; }
.visible { visibility: visible; }
.clear { clear:both }
.center { text-align: center; }
.center img { vertical-align: middle; }

a.dominant, p.dominant { color: #da3124; }
a.dominant:hover { color: #ff0000; }
#content-main div.important { background: url("/Content/Images/important.png") no-repeat; min-height: 35px; }
#content-main div.completed { background: url("/Content/Images/widget_completed.png") no-repeat; min-height: 35px; }


#page-wrapper { background:url(/Content/Themes/Default/images/page-bg.png) repeat-x; margin:auto; text-align:left; width: 100%; min-height: 100%;}
.center-container { text-align:center; }
.center-wrapper { margin: auto; }
.center-divs { float: left; }

#header { overflow:hidden; height:120px; min-width: 1000px;}
#header .content h1 { font-size:25px; }

#logo { float:left; margin-left:20px; margin-top:15px;  max-height: 96px; }
#title { float:left; margin-left:10px; margin-top:15px; }
#title p { font-size: 11px; font-weight: bold; }
.quicklinks a { font-size:10px; }
#header-quicklinks { float:right; width:208px; height:110px; background:url(/Content/Themes/Default/images/quicklinks-bg.png) no-repeat top right; }
#header .quicklinks { margin:5px auto; width:170px; text-align:center; }

#user { position:relative; top:66px; overflow: visible; }

#nav { background:url(/Content/Themes/Default/images/nav-bg.png) repeat-x; height:36px; width:inherit; line-height:36px; padding-left:20px;}
#nav ul li { float:left }

#content-wrapper { width:1000px; margin:15px auto; height:auto; overflow:auto;  min-height: 380px; padding-bottom: 45px;}
#content-main { width:900px; float:left; margin-left: 4px; margin-right: 4px;}
#content-main .wrapper-outer { }
#content-main .wrapper-inner { }
#content-main .content { color:#000000 }


#logon-wrapper-inner { background:url(/Content/Themes/Default/images/login-bg.png) repeat-x; margin:0 5px 0 7px; padding:0px; height:327px; }
#logon-wrapper { background:url(/Content/Themes/Default/images/login-border-left.png) no-repeat top left; }
#logon-form { background:url(/Content/Themes/Default/images/login-border-right.png) no-repeat top right;}
#logon-form .textbox-wrapper { background:url(/Content/Themes/Default/images/login-input-bg.png) no-repeat; display:block; }
#logon-form .textbox-wrapper input { width:208px; height:24px; margin:2px 7px 8px 3px; border:none; }

#logon-form form { margin:0; padding-top:8px; }
#logon-form li { margin-top:13px; }
#logon-form li.button, #logon-form li.link { text-align:right; padding-right:12px; }
#logon-form p { color:#9999cc; font-size:10px; text-align:left; }
#logon-form a { text-decoration:none; color:#ee9535; }
#logon-form hr { margin:15px 0; color:#ccf; background-color:#ccf; }

/** content-main widgets **/
#content-main .widget { margin-left: 8px; margin-top: 10px; margin-bottom: 10px; float:left; width:245px; height:168px; background:url(/Content/Themes/Default/images/main-widget-bg.png) repeat-x; text-align:left; }
#content-main .widgetLeft { margin-left: 0px; }
#content-main .widget .inner { padding: 5px; height: 135px; }
#content-main .widget .inner-most {  }
#content-main .widget .action h3 { text-align:center; margin-top:10px; }
#content-main p { text-align:left; line-height:1.5em; }
#content-main .content { font-size: 11px;}
#content-main .widget .header { color:#a8914c; height: 20px; } 
#content-main .widget .title { font-weight: bold; font-size: 14px; text-align: center; color: #6FAD76; } 
#content-main .notes p { text-align:left; font-size:10px; margin: 0px; }
#content-main .header p { text-align:left; font-size:10px; margin: 0px;  }
.widget .notes { padding-left:89px; height: 110px; }

#content-main .widgetBig { background:url(/Content/Themes/Default/images/widget2-border-top.png) no-repeat left top; width:372px; margin-left: 8px; float: left; padding-top:6px; margin-top:10px; }
#content-main .widgetBigLeft { margin-left: 0px; }
#content-main .widgetBig .inner { background:url(/Content/Themes/Default/images/widget2-border-bottom.png) no-repeat left bottom; padding-bottom:6px; }
#content-main .widgetBig .inner-most { background:url(/Content/Themes/Default/images/widget2-bg.png) repeat-y left top; padding:10px; min-height: 265px; }

#note-insurance .notes { background:url(/Content/Themes/Default/images/widget-insurance-bg.png) no-repeat top left; }
#note-contacts .notes { background:url(/Content/Themes/Default/images/widget-contacts-bg.png) no-repeat top left; }
#note-forms .notes { background:url(/Content/Themes/Default/images/widget-forms-bg.png) no-repeat left -3px; }
#note-rules .notes { background:url(/Content/Themes/Default/images/widget-rules-bg.png) no-repeat left top; }
#note-catalog .notes { background:url(/Content/Themes/Default/images/widget-catalog-bg.png) no-repeat left top; }
#note-products .notes { background:url(/Content/Themes/Default/images/badges.png) no-repeat left top; }

.widgetBig a,
.widgetBig a:link { color:#000000 }
.widgetBig ul.forms-list { margin-top:5px; }
.widgetBig ul.forms-list li { list-style:none; border-bottom:1px solid #000000; height:29px; line-height:29px; overflow:hidden }
.widgetBig ul.forms-list li img {  }
.widgetBig .status { float:right; vertical-align: middle; text-align: center; width: 71px;}
.widgetBig .name { margin-left:3px; float: left; }
.widgetBig .header h4 { display:inline; }
.widgetBig .header span { float:right }


/**  sidebar widgets  **/
#sidebar { width:231px; }
#sidebar .widget { background:url(/Content/Themes/Default/images/widget-border-top.png) no-repeat top left; margin-bottom:10px; }
#sidebar .widget .wrapper-outer { background:url(/Content/Themes/Default/images/widget-border-bottom.png) no-repeat bottom left; }
#sidebar .widget .wrapper-inner { background:url(/Content/Themes/Default/images/widget-bg.png) repeat-y; padding:9px; margin:8px 0px 7px 0px; }
#sidebar .widget .content { font-size:10px; }
#sidebar .widget h3 { color:#cc9933; font-size:14px; }
#sidebar .widget p { color:#000000; }
#sidebar .widget .read-more { text-align:right; margin-top:5px; }
#sidebar .widget .read-more a { color:#03f; }
#sidebar .widget .list { margin:13px 0px; }
#sidebar .widget .list .date { float:right; color:#f00; }
#sidebar .widget .list p { color:#993300; border-bottom:1px solid #930; padding:0 5px;}


	
	
	

#footer { background-color:#b3c2fa; 
          position: relative;
          height:45px; 
          margin-top: -45px; /* negative value of footer height */
          clear:both;}
#footer .wrapper-outer { padding:17px 10px; }
#footer .copyright { float:left; }
#footer .quicklinks { float:right; }
#footer .content { font-size:10px; }
#footer .quicklinks span { padding:0 5px; }


/** catalogue entry **/
#catalogue-entry .current { border-bottom:1px solid #ae602c; padding:25px 5px 15px 5px;}
#catalogue-entry .current h3 { display:inline; color:#b9674a; }
#catalogue-entry h3.title { margin:20px 0 10px 0; }
#catalogue-entry .features .item { height:38px; list-style:none; line-height:38px; }
#catalogue-entry .features .odd { background-color:#e1f7dd; }
#catalogue-entry .features .spacer { height:60px; list-style:none; }
#catalogue-entry .features .item span { margin-left:17px; color:#23760f; }
#catalogue-entry .entry ul.features { width:160px; float:left }
#catalogue-entry .entry ul.package li { height:45px; }
#catalogue-entry .entry ul.options { border-top: 1px dashed #C77838; }
#catalogue-entry .entry ul.options img { vertical-align: middle; }
#catalogue-entry .entry ul.links { padding-top: 8px; }
#catalogue-entry .entry ul.package li,
#catalogue-entry .entry ul.options li { list-style:none; float:left; }
#catalogue-entry .entry ul.options h4 { text-align:center }
#catalogue-entry .feature-options { background:url(/Content/Themes/Default/images/options-border-left.png) no-repeat left top; }
#catalogue-entry .feature-options .inner { background:url(/Content/Themes/Default/images/options-border-right.png) no-repeat right top; margin-left:6px; }
#catalogue-entry .feature-options .inner-most { background:url(/Content/Themes/Default/images/options-bg.png) repeat-x left top; margin-right:6px; padding: 15px 5px 25px; }
#catalogue-entry .feature-options .content { height:281px; }
#catalogue-entry .feature-options .content ul { overflow:hidden; }
#catalogue-entry .feature-options .content li { width:180px; }
#catalogue-entry .feature-options .content li,
#catalogue-entry .feature-options .content li h3 { text-align:center; }
#catalogue-entry .feature-options .content ul.options li { height:38px; line-height:38px; color:#8a4343; }
a.button-upgrade { background:url(/Content/Themes/Default/images/button-upgrade.png) no-repeat left top; display:block; width:118px; height:36px; margin:0 auto; }

#catalogue-entry .feature-options .content ul.options li.selected,
#catalogue-entry .entry ul.package li.selected {background-color:#C0C0C0;}



#manual-sections { font-size: 12px; }
#manual-sections li { margin: 10px;}
a.agreed, a.agreed:hover {background:url('/Content/Images/button_ok.png') no-repeat left;}
.manuals-status { vertical-align: middle; padding: 5px; }
/************* AJAX *****************************/
.loading { background:url('/Content/Images/ajax-loader.gif') no-repeat left;padding-left:25px;}

/************* MISC *****************************/

p {margin: 1em 0px;}

h2 {font-family: Tahoma,verdana;font-size: 14pt;color: #4C4C4F;}
.importantNotes 
{
    padding:10px;
    color:#ea1b39;
    background-color: #fcfbbc;
    font-style: italic;
    font-size: 12px;
    border-color: #d3a747;
    margin-left:20px;
 }
.importantLinks{display:inline-block;}
a.lessImportantLinks, a.lessImportantLinks:active, a.lessImportantLinks:visited, a.lessImportantLinks:link
{
	color: #a03843;
}

.lessImportantTexts
{
	color:#a1a6ac;
}

.importantTexts, a.importantLinks:link, a.importantLinks:visited, a.importantLinks:active
{
	color:Red;
	font-weight:bold;
}
.highlightedTexts{font-weight:bold;}

.rightBorder{border-right:2px solid #3B4D90;}
.leftBorder{border-left:2px solid #3B4D90;}
.topBorder{border-top:2px solid #3B4D90;}
.bottomBorder{border-bottom:2px solid #3B4D90;}
.fullBorder{border:2px solid #3B4D90;}

ul.layout{padding: 0px;margin: 0px;list-style: none;}
ul.layout li{padding: 0px;margin: 0px;overflow: hidden;padding: 5px;}
ul.layout li span.label{float: left;text-align: left;width: 200px;}
ul.layout li span.detail{float: left;text-align: left;}
ul.layout hr{width: 100%;clear: both;}
ul.sortable{cursor: move;list-style-type: none;padding: 10px 0px 10px 0px;margin: 0px;border: 1px solid black;border-top: none;}
ul.sortable li{margin: 0px;padding: 0px;overflow: hidden;}
ul.sortable div{float: left;padding: 10px 5px 10px 5px;vertical-align: middle;}

table.list{width: 100%;margin-top: 20px;}
/*table.list th{line-height: 25px;padding: 1px 1px 5px 15px;height:47px;background:url(/Content/images/default_listTable_Header.jpg) top left repeat-x #d5d6d6;text-align:left;font-weight: bold;color:#ff0000;}*/
table.list th { background-color:#8a99d2; border:1px solid #DDDDDD; color:#ffffff; font-weight:bold;padding: 1px 1px 5px 15px;line-height: 25px;}
table.list th.center { text-align: center; padding-left:0px; padding-right:0px;}
table.list td {padding-left: 10px; padding-right: 10px; padding-top:5px; padding-bottom:5px;}
table.list td.actionColumn{text-align: center;width: 30px;}
table.list tr.alternateRow{background-color: #ededed;}
table.list td form { margin: 0px; }
table.list .notneeded { padding: 1px; margin-top: 0px; line-height: 1em; width: 90px;}
.notneeded-icon { background: url("/Content/Images/no.png") no-repeat; }
table.list tr.odd  { background-color: #F0F0FA; }
table.list tr.even { background-color: #F5F7F6; }
table.list tr.over { background-color: #f8f7e3; }


table.list tr.myHidden.bannergroup td.groupname span.g-icon { height: 16px; 
                                                  width: 16px; 
                                                  display: inline-block;
                                                  vertical-align: top;
                                                  background-repeat: no-repeat;
                                                  background-image: url("/Content/Images/folder_closed.png");}

table.list tr.bannergroup td.groupname span.g-icon { height: 16px; 
                                                  width: 16px; 
                                                  display: inline-block;
                                                  vertical-align: top;
                                                  background-repeat: no-repeat;
                                                  background-image: url("/Content/Images/folder_opened.png");}


table.list tr.bannergroup.innergroup td.groupname span.g-icon
{
    margin-left: 25px;
}



/** tabs ui overrides **/
#tabs { padding:0; border:none }
#tabs .ui-tabs-nav { background:url(/Content/Themes/Default/images/tab-bg.png) repeat-x left 9px; padding:0; border:none; display:inline-block; overflow:hidden }
#tabs .ui-tabs-nav li { background:url(/Content/Themes/Default/images/tab-bg.png) repeat-x left 9px; border:none; margin:0; padding:0; top:0px; height:30px; line-height:30px; }
#tabs .ui-tabs-nav li.leftmost { background:url(/Content/Themes/Default/images/tab-border-left.png) no-repeat left 9px; }
#tabs .ui-tabs-nav li span a { background:url(/Content/Themes/Default/images/tab-bg.png) repeat-x left 9px; padding:5px 0 0 0; margin:0 17px;}
#tabs .ui-tabs-nav li.rightmost { background:url(/Content/Themes/Default/images/tab-border-right.png) no-repeat right 9px; }
#tabs li.ui-tabs-selected,
#tabs li.ui-tabs-selected.rightmost  { background:url(/Content/Themes/Default/images/tab-current-border-left.png) no-repeat left top; }
#tabs li.ui-tabs-selected.leftmost { background:url(/Content/Themes/Default/images/tab-current-border-leftmost.png) no-repeat left top; }
#tabs li.ui-tabs-selected span { background:url(/Content/Themes/Default/images/tab-current-border-right.png) no-repeat right top; float:left; }
#tabs li.ui-tabs-selected.rightmost span { background:url(/Content/Themes/Default/images/tab-current-border-rightmost.png) no-repeat right top; float:left; }
#tabs li.ui-tabs-selected span a { background:url(/Content/Themes/Default/images/tab-current-bg.png) repeat-x left top; padding:0;  color:#fff; }
#tabs .ui-tabs-panel { border:2px solid #3b4d90; background-color:#f2f1f1 }
#tabs .textfield { width:207px;  border:1px solid #cac9c9; background-color:#FFFFFF; padding:2px; vertical-align:middle; }
#tabs span.textfield { display:block; }


#signatory { padding:10px; margin-bottom:10px; }
#contact-details { margin-bottom: 10px; background-color:#F2F1F1; padding:10px;  }

a.listItem, a.highlight { font-weight:bold; color:#3B4D90; }
a.listItem.importantLinks { color:Red }

.fullBorder .wrapper { padding:10px; min-height:640px; float:left; width: 740px; }

.legend .icon-completed { height:16px; line-height:16px; width:75px; background:url(/Content/Themes/Default/images/completed.png) no-repeat left top; padding-left:24px }
.legend .icon-warning { height:16px; line-height:16px; width:90px; background:url(/Content/Themes/Default/images/warning.png) no-repeat left top; padding-left:24px }

div.delete_box { width: auto; height: auto; }

#btn-save_details { float:right; margin-top:10px; }

.ui-dialog .download-link {}
.ui-dialog .submit-link { margin-top:10px; float:right }
/*.ui-dialog .download-link fieldset, .ui-dialog .submit-link fieldset { background:url(/Content/Themes/Default/images/btn-bg.png) no-repeat left top; padding-left:10px; float: left;}*/
/*.ui-dialog .download-link fieldset input, .ui-dialog .submit-link fieldset input { background:url(/Content/Themes/Default/images/btn-bg.png) no-repeat right top; padding:0 10px 0 0; border:none; margin:0; height:24px; line-height:24px; float:left; }*/
.ui-dialog .download-link label, .ui-dialog .submit-link label  { height:24px; line-height:24px; margin-left:15px; font-weight:bold; color:#3B4D90; }
.download-link hr { margin-top : 10px; }
#dialog { font-size: 11px; font-family: Verdana,Tahoma}
#dialog ul.layout li{ margin: 0px;overflow: hidden;padding: 5px;}

.badgeAllocation 
{
    width: 400px;
    margin: 0px;
    margin-left:auto; 
    margin-right:auto;
}


/** TEST **/
/* roScripts
Table Design by Mihalcea Romeo
www.roscripts.com
----------------------------------------------- */

table.features {
		border-collapse:collapse;
		background:#EFF4FB url(http://www.roscripts.com/images/teaser.gif) repeat-x;
		border-left:1px solid #686868;
		border-right:1px solid #686868;
		font:10px Verdana;
		color: #333;
}

.features td, #features th {
		padding:5px;
}

.features caption {
		padding: 0 0 .5em 0;
		text-align: left;
		font-size: 1.4em;
		font-weight: bold;
		text-transform: uppercase;
		color: #333;
		background: transparent;
}

/* =links
----------------------------------------------- */

.features table a {
		color:#950000;
		text-decoration:none;
}

.features table a:link {}

.features table a:visited {
		font-weight:normal;
		color:#666;
		text-decoration: line-through;
}

.features table a:hover {
		border-bottom: 1px dashed #bbb;
}

/* =head =foot
----------------------------------------------- */

.features thead th, .features tfoot th, .features tfoot td {
		background:#333 url(http://www.roscripts.com/images/llsh.gif) repeat-x;
		color:#fff
}

.features thead td {
    border-bottom: 1px dotted #333333;
}

.features tfoot td {
		text-align:right
}

/* =body
----------------------------------------------- */

.features tbody th, .features tbody td {
		border-bottom: dotted 1px #333;
}

.features tbody th {
		white-space: nowrap;
}

.features tbody th a {
		color:#333;
}

.features .odd {}

.features tbody tr:hover {
		background:#fafafa
}

.features .selected 
{
    background: #fafafa;
    
}

.features thead tr
{
    vertical-align: top;
}

#catalogue-entry .features .item span
{
    color: #9C5D16;
    font-weight: bold;
}

.features .item
{
     text-align: left;
     background-color: #EBE6E4;
     font-size: 11px;
}

.features td
{
    text-align: center;
}
