/****************************************************
 *                                                  *
 *             Common styles for Rivet              *
 *                                                  * 
 ****************************************************/
html, body {
	color: #333333;
	/*background-color: #EAEAEA;*/
	/*background-color: #595A5C;*/
}

div, span, label{
	background: transparent;
}

span,div,.body-text {
	font-family: arial, helvetica, sans-serif;
	line-height: 21px
}

html,body{
  height: 100%;
  padding: 0;
}

html{
  overflow-y: scroll;
}

@font-face {
    font-family: 'ProximaNovaLight';
    src: url('../ProximaNova-Light-webfont.eot');
    src: url('../ProximaNova-Light-webfont.eot#iefix') format('embedded-opentype'),
         url('../ProximaNova-Light-webfont.woff') format('woff'),
         url('../ProximaNova-Light-webfont.ttf') format('truetype'),
         url('../ProximaNova-Light-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ProximaNovaBold';
    src: url('../ProximaNova-Bold-webfont.eot');
    src: url('../ProximaNova-Bold-webfont.eot#iefix') format('embedded-opentype'),
         url('../ProximaNova-Bold-webfont.woff') format('woff'),
         url('../ProximaNova-Bold-webfont.ttf') format('truetype'),
         url('../ProximaNova-Bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*************************
 *        Buttons        *
 *************************/


/**fix for black border on submit button on ie9**/		
div.submitButton input {
    border:0 !important;
    height:30px;
    line-height: 30px;
    font-weight:bold;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
	font-size:13px;
	color: #E8e8e8 !important;
	text-shadow: 0px -1px 0px #003366;
}    


button,.ui-button,.ui-button-text-only, div.submitButton, input[type="button"] {
	cursor: pointer;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-family: 'ProximaNovaBold', arial, Helvetica, sans-serif !important;
	font-weight: normal;
	font-size: 13px !important; 
	height: 30px;
	padding-left: 20px; 
	padding-right: 20px;
}
/**must overwrite to account for border top and bottom**/
div.submitButton{ height:30px; }

button,button.silver,button.passive,.ui-button,.ui-button-text-only, div.silver, div.silver input {
	color: #555555 !important;
	font-family: 'ProximaNovaBold', arial, Helvetica, sans-serif !important;
	border: 1px solid #c5c5c5;
	text-shadow:none;
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff),
		to(#e9e9e9) );
	background-image: -moz-linear-gradient(top, #ffffff, #e9e9e9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',
		endColorstr='#e9e9e9' );
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#e9e9e9')"; /* IE8 */
	text-transform: uppercase;
	font-weight: normal;
}

button:hover, button.silver:hover,button.passive:hover,.ui-button:hover, .ui-button-text-only:hover, div.silver:hover, div.silver input:hover{
	color: #111111;
	text-shadow: none;
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff),
		to(#e9e9e9) );
	background-image: -moz-linear-gradient(top, #ffffff, #e9e9e9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',
		endColorstr='#e9e9e9' );
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#e9e9e9')"; /* IE8 */
	border: 1px solid #a7a7a7;
	/*box-shadow: 0px 1px 2px 0px #a7a7a7;
	-moz-box-shadow: 0px 1px 2px 0px #a7a7a7;
	-webkit-box-shadow: 0px 1px 2px 0px #a7a7a7;*/

}

button.blue,button.positive, div.blue, div.blue input, input.blue , input.positive {
	font-family: 'ProximaNovaBold', 'Arial', Helvetica, sans-serif;
	color: #FFFFFF !important;
	border: 1px solid #305D78;
	text-shadow: 0px 1px 0px #294f6d;
	background-image: -webkit-gradient(linear, center top, center bottom, from(#4787b7),
		to(#4787b7) );
	background-image: -moz-linear-gradient(top, #4787b7, #4787b7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4787b7',
		endColorstr='#4787b7' );
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4787b7', EndColorStr='#4787b7')"; /* IE8 */
	text-transform: uppercase;
	font-weight: normal;
	/*box-shadow: 0px 1px 2px 0px #cccccc;
	-moz-box-shadow: 0px 1px 2px 0px #cccccc;
	-webkit-box-shadow: 0px 1px 2px 0px #cccccc;*/
}

button.blue:hover,button.positive:hover, div.blue:hover, div.blue input:hover {
	border: 1px solid #2B5372;
	background-image: -webkit-gradient(linear, center top, center bottom, from(#3B719B),
		to(#3B719B) );
	background-image: -moz-linear-gradient(top, #3B719B, #3B719B);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3B719B',
		endColorstr='#3B719B' );
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#3B719B', EndColorStr='#3B719B')"; /* IE8 */
}

button.red,button.negative {
	color: #E8e8e8 !important;
	border: 1px solid #990000;
	text-shadow: 0px -1px 0px #660000;
	background-image: -webkit-gradient(linear, center top, center bottom, from(#db7070),
		to(#990000) );
	background-image: -moz-linear-gradient(top, #db7070, #ba2d2d, #990000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#db7070',
		endColorstr='#990000' );
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#db7070', EndColorStr='#990000')"; /* IE8 */
}

button.red:hover,button.negative:hover {
	text-shadow: 0px -1px 0px #660000;
	background-image: -webkit-gradient(linear, center top, center bottom, from(#990000),
		to(#db7070) );
	background-image: -moz-linear-gradient(top, #990000, #ba2d2d, #db7070);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#990000',
		endColorstr='#db7070' );
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#990000', EndColorStr='#db7070')"; /* IE8 */	
}

button:disabled,button:disabled:hover {
	color: #888888 !important;
	border: 0px !important;
	text-shadow: 0px 1px 0px #FFFFFF !important;
	background-image: -webkit-gradient(linear, center top, center bottom, from(#CCCCCC),
		to(#CCCCCC) ) !important;
	background-image: -moz-linear-gradient(top, #CCCCCC, #CCCCCC, #CCCCCC)
		!important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC',
		endColorstr='#CCCCCC' ) !important;
	cursor: default !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#CCCCCC', EndColorStr='#CCCCCC')"; /* IE8 */	
}

.ui-button-text,.button-text {
	font-weight: bold;
	font-size: 13px !important;
	height: 30px;
	line-height: 30px;
	font-family: 'ProximaNovaBold', 'Arial', Helvetica, sans-serif;
	font-weight: normal;
}

button.blue input[type="button"]{ width: 100%}

button.ui-button-text-only span.ui-button-text{padding-left: 0px !important; padding-right: 0px !important; margin: 0px !important}

/*************************
 *      Form fields      *
 *************************/
input[type=text],input[type=password],.editable input {
	 background: url('../../../images/homev2/input-bg.png') #fff;
	width: 400px;
	height: 28px;
	line-height: 28px;
	background-color: #ffffff;
	font-size: 14px;
	border: 1px #C5C5C5 solid;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding-left: 5px;
	color: #333333;
	font-family: 'Arial', Helvetica, sans-serif;
	
}

input[type="password"]:disabled,input[type="text"]:disabled {
	color: #E1DECD;
	background-color: #FFFFFF;
	border: 1px #C5C5C5 solid;
}

label {
	font: bold 14px arial, helvetica, sans-serif;
	color: #666666;
}

body,.body-text {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 14px;
	color: #333333;
	line-height: 21px
}

.input-text {	
	color: #333333;
}

input[type=text].help-text,input[type=password].help-text,textarea.help-text {
	font-family: 'Arial', Helvetica, sans-serif;
	color: #999999;
	font-size: 14px;
}

input[type=text].help-text-focus,input[type=password].help-text-focus,textarea.help-text-focus {
	font-family: 'Arial', Helvetica, sans-serif;
	color: #CCCCCC;
	font-size: 14px;
}

.ui-widget {
	font-family: "Arial" !important;
}

.input-field {
	width: 98%;
	border-bottom: 1px dotted grey;
	padding-top: 10px;
	padding-bottom: 10px
}

.explanation-text {
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 18px
}

.error {
	font-size: 12px;
	color: #c90000 !important;
	background: transparent;
}

.correct {
	color: green;
	font-weight: bold 20px;
}

a {
	font-family: arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	color: #336699;
	cursor: pointer
}

h1,.heading,.ui-dialog-title {
	font-family: arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #333333;
	line-height: 27px
}

h2,.subheading {
	font-family: arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #336699;
	line-height: 21px
}

.text-12{
	font-size: 12px	
}

.text-13{
	font-size: 13px	
}

.bold {
	font-weight: bold	
}

textarea
{ 
	background: url('../../../images/homev2/input-bg.png') #fff;
	border: 1px #C5C5C5 solid;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding-left: 5px;
	color: #333333;
	padding-top: 5px;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus, .editable input
{
	border: 1px solid #00A8FF;
}

/*************************
 *        Tables         *
 *************************/
table {
	font-family: arial;
	font-size: 12px;
}

table.striped {
	table-layout: fixed;
	overflow: hidden;
}

table.striped tr:nth-child(even) {
	background-color: #eaeaea;
}

table.striped .even-row {
	background-color: #EDEDED;
}

table.striped td,table.striped th {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: left;
	vertical-align: middle;
	padding: 4px
}

table.striped th {
	font-weight: bold;
	font-size: 12px;
	color: #165B96;
	line-height: 18px
}

table.striped tr {
	height: 35px !important;
	max-height: 35px !important;
	line-height: 35px !important;
	white-space: normal;
	border-bottom: 0px none;
}

table.striped th, table.striped td{
	border-bottom: 1px solid #BBB;
}

table.striped tbody tr:hover, .row-hover {
	background-image: -webkit-linear-gradient(#ffffff, #f6f6f6) !important;
	background-image: -moz-linear-gradient(top, #ffffff, #f6f6f6) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',
		endColorstr='#f6f6f6' ) !important;
		cursor: pointer;
}

/*************************
 *         Icons         *
 *************************/
.icon-16 {
	width: 18px !important;
	height: 18px !important;
	background-image: url(../../../images/inmeeting/iconSprite_16.png);
	background-repeat: no-repeat;
	float: left;
}

.icon-20 {
	width: 20px !important;
	height: 20px !important;
	background-image: url(../../../images/inmeeting/iconSprite_20.png);
	background-repeat: no-repeat;
	float: left;
}

.icon-skype {
	background-position: -32px -4px;
}

.icon-gtalk, .icon-google {
	background-position: -396px -4px;
}

.icon-lync {
	background-position: -564px -4px;
}

.icon-html-email {
	background-position: -104px -28px;
}

.icon-h323 {
	background-position: -3px -4px;
}

.icon-phone {
	background-position: -56px -4px;
}

.icon-admin {
	background-position: -410px -4px;
}

.icon-edit {
	background-position: -436px -28px;
}

.icon-edit:hover {
	background-position: -436px -4px;
}

.icon-delete {
	background-position: -195px -4px;
}

.icon-accept {
	background-position: -3px -4px;
}

.icon-check {
	background-position: -316px -4px;
}

.icon-pdf {
	background: url(../../../images/billing/MyAccountButtonSprites.png) -1094px 0px no-repeat;
}

.icon-camera {
	background-position: -648px -4px;
}

.icon-OK {
	background-position: -648px -32px;
}

.icon-null {
	display: inline;
	position: absolute;
	width: 18px !important;
	height: 18px !important;		
	background-color: red;
}

.icon-skinny {
	background-position: -620px -4px;
}

.icon-info {
	background-position: -424px -4px;
}

/*************************
 *        Dialogs        *
 *************************/
.ui-widget-content { /*border: 0px !important*/
	
}

.ui-dialog-titlebar {
	background: transparent !important;
	border: 0px !important;
	display: block !important
}

.ui-dialog-buttonset,.ui-dialog-buttonpane {
	background: transparent !important;
	border: 0px !important;
}

.bjn-dialog {
	background: url("../../../images/setup_images/formbkgd_tall.gif");
	background-position: -80px -280px;
	background-repeat: no-repeat;
	background-color: transparent;
}

/*************************
 *     Miscellaneous     *
 *************************/
.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.italics {
	font-style: italic;
}

.ui-datepicker {
	font-size: 12px
}

#footer div,#footer span {
	font-size: 12px
}

.dropdown{
	width: 40px;
	text-align: right;
	padding: 3px !important;
	background-color: white;
	height: 21px;
	line-height: 21px;
	background-color: #ffffff;
	font-size: 14px;
	border: 1px #386E99 solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	color: #333333;
	font-family: 'Arial', Helvetica, sans-serif;
}

.dropdown > div{
	color: #333333;
}

.dropdown > div:hover{
	background-color: #CCCCCC;
}

#ui-dialog-title-getting_started_dialog{ font-family: 'ProximaNovaLight'; font-size: 28px; font-weight: normal; padding-left: 20px; padding-top: 20px;}

#ui-dialog-title-getting_started_dialog + a.ui-dialog-titlebar-close{  top: 15px;}

#getting_started_dialog{ padding:35px; padding-top:5px;}

#id_tos_pp_checkbox-info{top: 116px\9 !important;}