/* skin.{client_name}.css contains style information for all players for this client, it should only contain style information for use in all players for this client. Any event specific style information should be added to stylesheets in the '{client_name}.{event_name}.skin' directory */

/* @group Development styles */
/* Giving the body tag a class of 'axp-player-dev' will allow for development only styles */

body.axp-player-dev {
	font: 69% Arial, Helvetica, Verdana, sans-serif;
}

/* @end */

#axp-player {
	width: 955px;
	height: 472px;
}

/* @group Loader */
/* Client styles for the loader overlay */
#axp-player-view-loader div.logo {
    margin-bottom: 10px;
    background: transparent url('./images/vodafone-logo.gif') bottom center no-repeat;
}

/* @end */

#axp-player h2 {
    margin-bottom: 0.4em;
    font-size: 2.18em;
    font-weight: bold;
    line-height: 1em;
}
#axp-player h3 {
    height: 12px;
    padding: 6px 7px;
    color: white;
    background-color: #008698;
	font-weight: bold;
	line-height: 1em;
}

/* @group Forms */
#axp-player form {
	position: relative;
}
#axp-player fieldset {
	padding: 6px;
}
#axp-player .submit {
    display: block;
    position: absolute;
    bottom: 12px;
    margin: 0;
    border-color:#EDEDED;
	border-style:solid;
	border-width:1px 0;
}
#axp-player .submit span {
    display: block;
}
#axp-player .submit input {
    width: 100%;
    padding: 5px 0 4px 0;
    border: 0;
    margin: ;
    cursor: pointer;
    text-align: left;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 11px;
	background: transparent url('./images/arrow-white-v2.gif') no-repeat scroll right 4px;
	color:#333;
}
#axp-player .submit input:hover {
	color: #c80000;
	background-image: url('./images/arrow-white-v2-over.gif');
}

/* @end */

/* @group External Overrides */
/* These selectors override selectors set by the client's stylesheets for the page which the player is embedded into */

#axp-player ul li {
    padding: 0;
    background: none;
}
#axp-player h3, #axp-player h4 {font-weight: bold;}
#axp-player textarea {width: 330px;}

/* @end */

/* @group Internal Overrides */
/* These selectors override the any default tag styles in the player styesheets */

#axp-player .ui-player-chapter-container h3, #axp-player .ui-player-slide-container h3, #axp-player .ui-tabs-panel h3 {
	margin: 0;
    margin-bottom: 6px;
    padding: 0;
    color: inherit;
    background-color: transparent;
}

/* @end */

/* @group jQuery UI */

/* Client specific overrides for jQuery elements */
#axp-player .tabs-nav {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	position: relative;
	z-index: 1;
}
#axp-player .tabs-nav ul {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
}
#axp-player .tabs-nav li {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
}
#axp-player .tabs-nav li a {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	display: block;
	height: 23px;
    padding: 0 8px;
    line-height: 23px;
	border-right: 1px solid #fff;
	font-weight: normal;
	text-decoration: none;
	cursor: pointer;
    background-color: #c4dde1;
}
#axp-player .tabs-nav li.ui-tabs-selected {
	border-bottom-color: #ffffff;
}
#axp-player .tabs-nav li.ui-tabs-selected a, #axp-player .tabs-nav li.ui-tabs-selected a:hover {
	font-weight: bold;
    color: #fff;
    background-color: #8ebfc8;
}
#axp-player .tab.ui-tabs-panel {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	clear:left;
}
#axp-player .ui-tabs-hide {
	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
}

/* @end */

/* @group Plugin Detection */

#axp-player #plugins {
    margin-top: 24px;
}
#axp-player #plugins .available {
    border: 2px solid #5b8424;
}
#axp-player #plugins .available strong {
	font-weight: normal;
}
#axp-player #plugins .unavailable {
    border: 2px solid #f00;
}
#axp-player #plugins .plugin {
    width: 300px;
    padding: 4px 6px 4px 34px;
}
#axp-player #plugins .plugin p {margin: 4px 0;}

/* @end */

/* @group Player Views */

#axp-player .axp-view {
	position: relative;
}

/* Restrict the width of all the views except the webcast view */
#axp-player #axp-player-view-disclaimer-1,
#axp-player #axp-player-view-entrylobby,
#axp-player #axp-player-view-selectplayer,
#axp-player #axp-player-view-exitlobby {
	width: 762px;
	padding: 0 3px 6px 193px;
	background: transparent top left no-repeat;
}
#axp-player #axp-player-view-disclaimer-1 fieldset,
#axp-player #axp-player-view-entrylobby #lobby,
#axp-player #axp-player-view-selectplayer #player-selection {
	height: 350px;
    padding: 0;
}
#axp-player #axp-player-view-register #introduction,
#axp-player #axp-user-registration,
#axp-player #axp-user-login,
#axp-player #axp-disclaimer-1,
#axp-player #axp-player-view-entrylobby #lobby,
#axp-player #axp-player-view-selectplayer #player-selection,
#axp-player #axp-player-view-exitlobby {
	z-index: 10;
	top: 2px;
	left: 2px;
	background-color: #E0E0E0;
}
#axp-player #axp-player-view-register #introduction .wrapper,
#axp-player #axp-user-registration fieldset,
#axp-player #axp-player-view-register fieldset,
#axp-player #axp-disclaimer-1 fieldset,
#axp-player #axp-player-view-entrylobby #lobby .wrapper,
#axp-player #axp-player-view-selectplayer #player-selection .wrapper
 {
	left:-2px;
	position:relative;
	top:-2px;
	background-color: white;
}
#axp-player h3 {
	background-color:transparent;
	border-bottom:1px solid #EDEDED;
	color:#C80000;
	margin: 0 -6px 7px 0;
	padding:6px 2px;
}
/* @group Registration View */

/* @group Errors */

#axp-player input.error {background-color: #f3b700;}
#axp-player select.error {margin-bottom: 2px;}
#axp-player label.error span {
    display: block;
    width: 131px;
    padding: 3px 0 3px 24px;
    margin: 0;
    margin-top: 0px;
    line-height: 1em;
    font-weight: bold;
    background: transparent url('./images/warning_icon.gif') left center no-repeat;
}


/* @end */

#axp-player #introduction {
	float: left;
    width: 382px;
    height: 216px;
    padding: 0;
    margin-top: 2px;
    margin-left: 2px;
    margin-right: 4px;
    background-color: white;
}
#axp-player #introduction .wrapper {
	height: 216px;
	padding: 0 6px;
}
#axp-player #axp-player-view-register fieldset {
	position: relative;
	min-height: 210px;
	padding-top: 0;
}
#axp-player #axp-player-view-register .submit {
	position: absolute;
	bottom: 6px;
}
#axp-player #axp-player-view-register input#firstname, #axp-player #axp-player-view-register input#lastname, #axp-player #axp-player-view-register input#email, #axp-player #axp-player-view-register input#loginEmail {
	width: 150px;
}
#axp-player #axp-user-registration {
	position: relative;
    float: left;
    width: 375px;
    min-height: 216px;
    margin-right: 6px;
}
#axp-player #axp-user-registration .col1 label, #axp-player #axp-user-login label {
    display: none;
}
#axp-player #axp-user-registration .col1 {
    float: left;
    margin-right: 18px;
    width: 155px;
}
#axp-player #axp-user-registration .col2 {
    float: right;
}
#axp-player #axp-user-registration select {
    width: 187px;
}
#axp-player #axp-user-registration .row {
    clear: left;
    padding: 0;
    margin-bottom: 0px;
}
#axp-player #axp-user-registration fieldset {
	padding-bottom: 0px;
}
#axp-player #axp-user-registration fieldset .wrapper {
	min-height: 182px;
	padding-bottom: 34px;
}
#axp-player #axp-user-registration .submit {
    width: 364px;
    margin: 0;
}
#axp-player #axp-user-registration .submit input {
    width: 363px;
}
#axp-player #axp-user-login {
	position: relative;
    float: left;
    width: 184px;
}
#axp-player #axp-user-login fieldset {
    height: 182px;
}
#axp-player #axp-user-login .submit {
	width: 172px;
}
#axp-player #axp-user-login .submit input {
    width: 172px;
}



/* @end */

/* @group Disclaimer View */

#axp-player #axp-player-view-disclaimer-1 {
    background-image: url('./images/blackberry.jpg');
}
#axp-player #axp-player-view-disclaimer-1 fieldset {
	height: 338px;
	padding: 6px;
}
#axp-player #axp-player-view-disclaimer-1 #legals {
    max-height: 241px;
    overflow: auto;
}
#axp-player #axp-player-view-disclaimer-1 .submit {
	width: 750px;
	bottom: 12px;
}
/* @end */

/* @group Entry Lobby View */

#axp-player #axp-player-view-entrylobby {
    background-image: url('./images/hands.jpg');
}
#axp-player #axp-player-view-entrylobby .wrapper {
	height: 338px;
	padding: 6px;
}
#axp-player #axp-player-view-entrylobby #plugins {
	float: left;
	margin-right: 20px;
}
#axp-player #axp-player-view-entrylobby .axp-feedback {
	margin-top: 12px;
	margin-left: 364px;
}
/* Reset the submit button position as the default isn't needed here */
#axp-player #axp-player-view-entrylobby .submit {
	position: relative;
	bottom: 0;
	left: 0;
	width: 330px;
}

/* @end */

/* @group Select Player */

#axp-player #axp-player-view-selectplayer {
    background-image: url('./images/laptop.jpg');
}
#axp-player #axp-player-view-selectplayer .wrapper {
	height: 338px;
	padding: 6px;
}
#axp-player #axp-player-view-selectplayer #player-selection #type-select {
    margin-top: 24px;
}
#axp-player #axp-player-view-selectplayer #player-selection #type-select .type {
    clear: none;
    float: left;
    display: block;
    margin: 0 12px 0 0;
}
#axp-player #axp-player-view-selectplayer #player-selection #type-select .type a {
	display: block;
	height: 24px;
	text-indent: -9999px;
}
#axp-player #axp-player-view-selectplayer #player-selection #type-select .video a {
	width: 132px;
	background: transparent url('./images/watch-video.gif') top left no-repeat;
}
#axp-player #axp-player-view-selectplayer #player-selection #type-select .audio a {
	width: 146px;
	background: transparent url('./images/listen-audio.gif') top left no-repeat;
}


/* @end */

/* @group Webcast View */

#axp-player #axp-webcast-header, #axp-player #axp-webcast-footer {
	display: none;
}

/* @group Object 1 */

#axp-player #axp-media-object1 {
	position: relative;
	float: left;
	width: 320px;
	height: 283px;
	padding: 1px 4px 7px 4px;
	background: transparent url('./images/player-1-box.gif') no-repeat left top;
}

/* Get rid of the large default margins. Values for right and bottom can't be zero as this breaks the resize code. Needs a fix. */
#axp-player.axp-left #axp-media-object1, #axp-player.axp-right #axp-media-object1 {
	margin: 0;
	margin-right: 1px;
	margin-bottom: 1px;
}
#axp-player #axp-media-object1 #axp-media-player1 {
	width: 320px;
	height: 240px;
	background-color: none;
}

/* @end */

/* @group Play Controls */

#axp-player .ui-playcontrols {
	position: absolute;
	bottom: 7px;
	left: 4px;
	width: 308px;
	height: 31px;
	padding: 6px;
	background: #008698 url('./images/controls-border.gif') no-repeat 2px 2px;
}

/* @group Playhead Slider */

#axp-player .ui-playback {
    position: absolute;
    top: 9px;
    left: 11px;
    width: 299px;
    height: 7px;
    cursor: pointer;
	background: #02616E url('./images/play-track-right.gif') no-repeat right top;
}
#axp-player .ui-playback.ui-inactive {
	background: url('./images/play-track-inactive');
}
#axp-player .ui-playback .ui-slider-range {
	height: 7px;
	background: #7FB0BB url('./images/play-track-left.gif') no-repeat left top;
}
#axp-player .ui-playback .ui-slider-handle {
    display: block;
    position: relative;
    top: -10px;
    width: 9px;
    height: 14px;
    margin-left: -5px;
	background: transparent url('./images/playhead.gif') no-repeat scroll left top;
}

/* @end */

/* @group Play/Pause Controls */
#axp-player .ui-playstate-controls {
	position: absolute;
	bottom: 6px;
	left: 6px;
}
#axp-player .ui-playstate-playpause {
	width: 14px;
	height: 14px;
}
#axp-player .ui-playstate-playing, #axp-player .ui-playstate-playing:hover {
	background: transparent url('./images/pause.gif') top left no-repeat;
}
#axp-player .ui-playstate-paused, #axp-player .ui-playstate-paused:hover {
	background: transparent url('./images/play.gif') top left no-repeat;
}

/* @end */

/* @group Time Display */

#axp-player .ui-time-display {
	position: absolute;
	left: 26px;
	bottom: 4px;
}

/* @end */

/* @group Volume Controls */

#axp-player .ui-volume-controls {
	right: 6px;
	bottom: 6px;
	width: 100px;
	height: 14px;
}
#axp-player .ui-volume-track {
	top: 1px;
	left: 18px;
	width: 63px;
	height: 12px;
	background: transparent url('./images/volume-track.gif') no-repeat scroll left top;
}
#axp-player .ui-volume-track .ui-slider-range {
	height: 14px;
	background: transparent url('./images/volume-level.gif') no-repeat scroll left top;
}
#axp-player .ui-volume-track .ui-slider-handle {
	display: none;
}
#axp-player .ui-volume-updown {
	width: 14px;
	height: 14px;
}
#axp-player .ui-volume-down {
	position: absolute;
	left: 0;
    background: transparent url('./images/volume-down.gif') top left no-repeat;
}
#axp-player .ui-volume-up {
	position: absolute;
	right: 0;
    background: transparent url('images/volume-up.gif') top left no-repeat;
}

/* @end */

/* @group Enlargement */

/*#axp-player .ui-player-enlarge {
	position: absolute;
	bottom: 6px;
	right: 6px;
	width: 14px;
	height: 14px;
	cursor: pointer;
	background: transparent url('./images/enlarge.gif') top left no-repeat;
}
#axp-player .ui-player-enlarge .ui-inactive {
	
}*/

/* @end */

/* @end */

#axp-player .ui-move-list {
	display: block;
	text-indent: -9999px;
	cursor: pointer;
	background: white top left no-repeat;
}

/* @group Chapters */

#axp-player .ui-player-chapter-container {
	position: relative;
	clear: left;
	float: left;
	width: 312px;
	padding: 5px 8px 0 8px;
	background: #fff url('./images/navigation-box.gif') top left no-repeat;
}
#axp-player .ui-player-chapter-container h3 {
	padding-bottom: 10px;
	margin: 6px 0 0 0px;
	border: 0;
	background: transparent url(./images/dotted-line.gif) repeat-x left bottom;
}
#axp-player .ui-player-chapter-container .ui-move-list {
	width: 34px;
	height: 24px;
}
#axp-player .ui-player-chapter-container .ui-prev {
	float: left;
	height: 25px;
	background: url('./images/chapter-prev.gif');
}
#axp-player .ui-player-chapter-container .ui-next {
	height: 25px;
	background: url('./images/chapter-next.gif') top right no-repeat;
}
#axp-player .ui-player-current-chapter {
	float: left;
	width: 244px;
	height: 25px;
	line-height: 24px;
	cursor: pointer;
	font-weight: bold;
	text-align: center;
	background: #BBD1D5 url(./images/dotted-line.gif) repeat-x left bottom;
}
#axp-player .ui-player-chapters {
	position: absolute;
	top: 58px;
	left: 42px;
	float: left;
	z-index: 10;
	overflow: auto;
	width: 244px;
	height: 100px;
	margin: 0;
	cursor: pointer;
	background-color: white;
}
#axp-player .ui-player-chapter {
	height: 25px;
	padding: 0 8px;
	line-height: 24px;
	text-align: center;
	background:	white url(./images/dotted-line.gif) repeat-x left bottom;
}
#axp-player .ui-player-chapter.active {
	background-color: white;
}
#axp-player .ui-player-chapter:hover {
	background-color: #BBD1D5;
}
#axp-player .ui-player-chapter-container.axp-dropdown .ui-player-chapters {
    width: 244px;
}

/* @end */

/* @group Slides */

#axp-player .ui-player-slide-container {
	clear: left;
	width: 308px;
	height: 67px;
	padding: 23px 10px 34px 10px;
	background: #eee url('./images/navigation-box.gif') bottom left no-repeat;
}
#axp-player .ui-player-slide-container .ui-move-list {
	width: 9px;
	height: 64px;
}
#axp-player .ui-player-slide-container .ui-prev {
	float: left;
	background: transparent url('./images/slide-prev.gif') left center no-repeat;
}
#axp-player .ui-player-slide-container .ui-next {
	background: transparent url('./images/slide-next.gif') right center no-repeat;
}
#axp-player .ui-player-slide-scroller {
	clear: none;
	float: left;
	width: 286px;
	height: 67px;
	margin: 0 2px;
}
#axp-player .ui-player-slides {
	height: 67px;
	margin: 0;
}
#axp-player .ui-player-slide {
	width: 96px;
	height: 67px;
	padding: 0;
}
#axp-player .ui-player-slide img {
	width: 92px;
	height: 62px;
	border: 1px solid #ACC7D0;
}
#axp-player .ui-player-slide.active {
	background-color: transparent;
}
#axp-player .ui-player-slide.active img {
	border: 1px solid #FC1818;
}
#axp-player .ui-player-slide .axp-title {
	display: none;
}

/* @end */

/* @group Object 2 */

#axp-player #axp-media-object2 {
	margin-bottom: 0;
	background: white url('./images/panel-bottom-right.gif') bottom right no-repeat;
}

/* @end */

/* @group Player Enlargement */

#axp-player .axp-enlarge {
}

/* @end */

/* @group Tabs */

#axp-player .axp-tab form {
	height: 100%;
}
#axp-player .axp-tab .submit {
	width: 100%;
}
#axp-player .axp-tab ul.links li {
	background: transparent url(./images/list_redarrow.gif) left center no-repeat;
    margin-bottom:8px;
    padding-left:14px;
}
#axp-player .axp-tab ul.links a {
    color:#666666;
    text-decoration:underline;
}


/* @group Questions & Feedback */

#axp-player .axp-feedback ul {
	margin-top: 0;
	margin-bottom: 0;
}
#axp-player .axp-feedback .submit {
	bottom: 0;
}

/* @end */

/* @group Downloads */

#axp-player .downloads {
	margin-bottom: 12px;
}
#axp-player .downloads .download {
	margin: 6px;
}

/* @end */

/* @group Speakers */

#axp-player #axp-tabs-4 .axp-speakers-tabs-nav {
    float: left;
    width: 118px;
    height: auto;
    margin: 0;
    border-bottom: 1px solid #ccc;
    background: none;
    background-color: transparent;
}
#axp-player #axp-tabs-4 .axp-speakers-tabs-nav li {
	background-color: transparent;
}
#axp-player #axp-tabs-4 .axp-speakers-tabs-nav li a {
    display: block;
    width: 118px;
    height: 26px;
    padding: 0;
    line-height: 26px;
    border-top: 1px solid #ccc;
    border-right: none;
    text-decoration: none;
    color: #333;
    background: transparent;
}
#axp-player #axp-tabs-4 .axp-speakers-tabs-nav li.ui-tabs-selected {
    font-weight: bold;
    background-color: #fff;
}
#axp-player #axp-tabs-4 .ui-tabs-panel {
    clear: none;
    height: 383px;
    padding: 7px 7px 7px 22px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    margin-left: 117px;
    background: none;
}
#axp-player #axp-tabs-4 .ui-tabs-panel h3 {margin-top: 6px;}
#axp-player #axp-tabs-4 .ui-tabs-panel h3, #axp-player #axp-tabs-4 .ui-tabs-panel p {margin-left: 142px;}
#axp-player #axp-tabs-4 .ui-tabs-panel p.speaker {
    float: left;
    width: 120px;
    margin-left: 0;
}

/* @end */

/* @group Feedback */

#axp-player #axp-tabs-5 li {
    float: left;
    clear: left;
    width: 579px;
    margin: 0;
    margin-bottom: 14px;
}
#axp-player #axp-tabs-5 .question {
    float: left;
    clear: left;
    width: 300px;
    margin: 0;
}
#axp-player #axp-tabs-5 .answer {
    float: left;
    margin: 0;
}
#axp-player #axp-tabs-5 .answer textarea {width: 252px;}

/* @end */

/* @group Help */

#axp-player #axp-tabs-6 .help-wmp {
	padding-left: 30px;
	background: transparent url('./images/wmp-icon.gif') left center no-repeat;
}
#axp-player #axp-tabs-6 .help-flash {
	padding-left: 30px;
	background: transparent url('./images/flash-icon.gif') left center no-repeat;
}

/* @end */

#axp-player .ui-tabs-nav {
	width: 99.7%;
	height: 24px;
	margin: 0;
	margin-left: 3px;
	background: #f4f4f4 url('./images/panel-top-right.gif') bottom right no-repeat;
}
#axp-player .ui-tabs-nav li {
	border: 0;
	margin: 0;
}
#axp-player .ui-tabs-nav li a {
	height: 23px;
	padding: 0 8px;
	border-right: 1px solid white;
	line-height: 23px;
}
#axp-player .ui-tabs-nav .ui-tabs-selected {
	padding: 0;
	border: none;
	background-color: #8EBFC8;
}
#axp-player .ui-tabs-nav .ui-tabs-selected a {
	color: #fff;
	font-weight: bold;
}
#axp-player .ui-tabs-panel {
	border: 0;
	padding: 11px 14px 15px 14px;
	background: transparent url('./images/panel-bottom-left.gif') bottom left no-repeat;
}


/* @end */

/* @end */

/* @end */