/** Color Palette
 *
 * @colordef #2175d9; Blue 1 					(Blue #2175d9 is used as a primary colour. Used in the Randstad logo, C2 Global Navigation, and B1 Primary Action Button. It is also used as the primary link colour.)
 * @colordef #6da7e6; Blue 2 					(Blue #6da7e6 is used as header background colour. Used in the C6 Title Header, and C23 Job Search component.)
 * @colordef #d1e4f6; Blue 3 					(Blue #d1e4f6 is used for header typography. Used in the C5 Tabbed Header, C6 Title Header, and C23 Job Search component.)
 * @colordef #e61e1e; Red 						(Red #e61e1e is used as a negative action colour. This colour is used for error message text, and is also used in B3 Negative Action Button.)
 * @colordef #b8d000; Light Green 			(Green #b8d000 is used as an accent colour to work along with the primary Blue. This colour is used in C2 Global Navigation. Colours specific to a particular Randstad service, e.g. dark purple for Search & Selection, could also replace this colour.)
 * @colordef #009900; Green 					(Green #009900 is used as a positive action colour. Used in B2 Positive Action Button.)
 * @colordef #333333; Dark Gray 				(Black #333333 is used as highlighting text, module headers, selected items in left-hand navigation, refine filters, browser listing as well as an on-state for bread-crumb navigation, tabbed header and tabbed modules. Please refer to the Link and Typography Element sections for detailed usage.)
 * @colordef #666666; Medium Gray 			(Grey #666666 is primarily used as standard body text colour. In addition, it is used in headers for primary marketing modules, selected section in global navigation and neutral action buttons. Please refer to the Link and Typography Element sections for detailed usage.)
 * @colordef #999999; Light Gray 			(Grey #999999 is primarily used as secondary body text colour. Please refer to the Link and Typography Element sections for detailed usage.)
 * @colordef #cccccc; Supporting Gray 1 	(Grey #cccccc is used for Tertiary content and Primary Dotted Horizontal rules. Please refer to the Link and Typography Element sections for detailed usage.)
 * @colordef #e0e0e0; Supporting Gray 2 	(Grey #e0e0e0 is used in headers for standard marketing and content modules on Home and Landing pages.)
 * @colordef #eeeeee; Supporting Gray 3 	(Grey #eeeeee is used as the framing background colour for all templates.)
 * @colordef #f9f9f9; Supporting Gray 3 	(Grey #f9f9f9 is used as the background colour for specific content modules such as Small Modules in right-hand columns, My Messages in Dashboard Template, Refine filters and Browser listings. )
 * 
 */


/** Buttons
*/
.B1 { padding: 5px 10px 5px 10px; display: inline-block; text-decoration: none; font-weight: bold; color: #fff; background-color: #2175d9; }
.B1:hover { text-decoration: none; color: #fff; }

.B2 { padding: 5px 10px 5px 10px; display: inline-block; text-decoration: none; font-weight: bold; color: #fff; background-color: #009900; }
.B2:hover { text-decoration: none; color: #fff; }

.B3 { padding: 5px 10px 5px 10px; display: inline-block; text-decoration: none; font-weight: bold; color: #fff; background-color: #e61e1e; }
.B3:hover { text-decoration: none; color: #fff; }

.B4 { padding: 5px 10px 5px 10px; display: inline-block; text-decoration: none; font-weight: bold; color: #fff; background-color: #666; }
.B4:hover { text-decoration: none; color: #fff; }

.B1-rightarrow { padding: 5px 25px 5px 10px; display: inline-block; text-decoration: none; font-weight: bold; color: #fff; background: #2175d9 url(button-arrow-right.png) no-repeat right center; }
.B1-rightarrow:hover { text-decoration: none; color: #fff; }

.B2-rightarrow { padding: 5px 25px 5px 10px; display: inline-block; text-decoration: none; font-weight: bold; color: #fff; background: #009900 url(button-arrow-right.png) no-repeat right center; }
.B2-rightarrow:hover { text-decoration: none; color: #fff; }

.B3-rightarrow { padding: 5px 25px 5px 10px; display: inline-block; text-decoration: none; font-weight: bold; color: #fff; background: #e61e1e url(button-arrow-right.png) no-repeat right center; }
.B3-rightarrow:hover { text-decoration: none; color: #fff; }

.B4-rightarrow { padding: 5px 25px 5px 10px; display: inline-block; text-decoration: none; font-weight: bold; color: #fff; background: #666 url(button-arrow-right.png) no-repeat right center; }
.B4-rightarrow:hover { text-decoration: none; color: #fff; }

.B1-leftarrow { padding: 5px 10px 5px 25px; display: inline-block; text-decoration: none; font-weight: bold; color: #fff; background: #2175d9 url(button-arrow-left.png) no-repeat 10px center; }
.B1-leftarrow:hover { text-decoration: none; color: #fff; }

.B2-leftarrow { padding: 5px 10px 5px 25px; display: inline-block; text-decoration: none; font-weight: bold; color: #fff; background: #009900 url(button-arrow-left.png) no-repeat 10px center; }
.B2-leftarrow:hover { text-decoration: none; color: #fff; }

.B3-leftarrow { padding: 5px 10px 5px 25px; display: inline-block; text-decoration: none; font-weight: bold; color: #fff; background: #e61e1e url(button-arrow-left.png) no-repeat 10px center; }
.B3-leftarrow:hover { text-decoration: none; color: #fff; }

.B4-leftarrow { padding: 5px 10px 5px 25px; display: inline-block; text-decoration: none; font-weight: bold; color: #fff; background: #666 url(button-arrow-left.png) no-repeat 10px center; }
.B4-leftarrow:hover { text-decoration: none; color: #fff; }


/** Links
*/
a.L1 { padding-left: 10px; font-weight: bold; text-decoration: none; color: #2175d9; background: transparent url(bullet-arrow-blue.png) no-repeat left center; }
a.L1:hover { text-decoration: underline; }

a.L2 { font-weight: bold; color: #2175d9; }

a.L3 { font-weight: bold; text-decoration: none; color: #2175d9; }
a.L3:hover { text-decoration: underline; }

a.L4 { text-decoration: none; color: #2175d9; }
a.L4:hover { text-decoration: underline; }

a.L5 { font-size: 10px; text-decoration: none; color: #2175d9; }
a.L5:hover { text-decoration: underline; }

a.L6 { color: #666; }
a.L6:hover { color: #333; }

a.L7 { padding-left: 13px; font-weight: bold; text-decoration: none; color: #333; background: transparent url(bullet-arrow-collapsed.png) no-repeat left center; }
a.L7-expanded { padding-left: 13px; background: transparent url(bullet-arrow-expanded.png) no-repeat left center; }

a.L8 { padding-left: 13px; font-size: 14px; font-weight: bold; text-decoration: none; color: #333; background: transparent url(bullet-arrow-expanded.png) no-repeat left center; }
a.L8-expanded { padding-left: 13px; background: transparent url(bullet-arrow-collapsed.png) no-repeat left center; }


/** Typography
*/
.T1 { font-size: 18px; font-weight: bold; color: #333; }
.T2 { font-size: 14px; font-weight: bold; color: #333; }
.T3 { font-size: 11px; color: #333; }
.T4 { font-size: 11px; color: #666; }
.T4-light { font-size: 11px; color: #999; }
.T5 { font-size: 10px; color: #666; }
.T5-light { font-size: 10px; color: #999; }


/** Extras
*/
.G4 { height: 1px; float: none; clear: both; background: transparent url(border-dotted-e0e0e0.png) repeat-x left top; }
.hasBonusGift { padding: 10px 0 12px 24px;  background: transparent url(gift.png) no-repeat right center; }





.company-viewer {
overflow:hidden;
position:relative;
}

.company-viewer .module-header {
width:602px;
margin-bottom:24px;
}

.company-viewer .module-header .job-count,.company-viewer .module-header .user-location {
color:#333;
font-style:normal;
}

.company-viewer ul.companies {
list-style:none;
overflow:hidden;
width:570px;
height:152px;
margin:0px 16px 30px;
padding:0;
}

.company-viewer ul.user-options {
position:relative;
border-top:1px solid #E0E0E0;
padding-top:12px;
margin:-10px 0 0;
}

.company-viewer ul.user-options li {
position:absolute;
width:276px;
}

.company-viewer ul.user-options li.right {
left:326px;
}

.company-viewer ul.user-options li span {
display:block;
margin:0 0 0 10px;
}

.company-viewer .company {
float:left;
width:142px;
height:100px;
padding-top:10px;
text-align:center; 
}

.company-viewer .company .company-logo-link {
height:60px;
display:block;
}

.company-viewer .previous-company,.company-viewer .next-company {
display:block;
position:absolute;
top:52px;
width:14px;
height:110px;
cursor:pointer;
background-repeat:no-repeat;
background-position:center;
background-color:#eee;
border:1px solid #eee;
}

.company-viewer .previous-company {
left:16px;
background-image:url('../images/arrow-left-light.gif');
}

.company-viewer .previous-company:hover {
background-image:url('../images/arrow-left.gif');
}

.company-viewer .next-company {
right:16px;
background-image:url('../images/arrow-right-light.gif');
}

.company-viewer .next-company:hover {
background-image:url('../images/arrow-right.gif');
}

.company-viewer .previous-company:hover,.company-viewer .next-company:hover {
border-color:#999;
padding:0;
}