/* EasyIP Carrier Default Styles */

/* =Structural */

body {
	font-family: Candara, Arial, Helvetica, sans-serif;
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	background: #ffffff;
}
html>body { font-size: small; }

a {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}

a:focus {outline-style: none;}

.universal, .browse {
    font-size: 0.85em;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    background: #68ab00 url(/images/default/universal_link.gif) repeat-x;
    padding: 4px 7px;
    border: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    cursor: pointer;
}
.universal{
    background: #68ab00;
    color: #ffffff;
    text-decoration: none;
}

.universal:hover {
    background: #6eb500;
    color: #ffffff;
    text-decoration: none;
}

a.universal { padding: 5px 8px; }
* html a.universal { padding-bottom: 6px; }
.ie_cutoff_fix { display: block; }

/* =Header */
#header {
    margin: 10px 0 0;
    font-family: Candara, Arial;
    background: #ffffff url(/local/images/pixel.gif);
}
#h_title {
    height: 50px;
    margin: 0 0 5px 0;
    font-family: Candara, Arial;
    background: #8aba30 url(/local/images/logo_se.png) no-repeat 0 0;
}
/* +Subtitle */

#h_subtitle {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
    height: 16px;
	background: #e6e7e8;
	padding: 8px 8px 8px 51px;
	font-weight: bold;
	font-size: 1em;
	color: #000000;
}
#h_subtitle a { text-decoration: underline; color: #000000;}
#h_subtitle a:hover { text-decoration: none; }
#h_subtitle #logout { float: right; height: 16px; z-index: 99;}

#h_subtitle .selector {
	background: url(/local/images/default/selector.gif) no-repeat 50% 100%;
	padding-bottom: 6px;
}
/* custome header */
.toprightbox {
    float: right;
    clear: right;
    height: auto;
    hidden: true;
    width: 400px;
    border: 0px solid #fff;
    margin-bottom: 5px;
    opacity: 0.75;
}
.toprightbox .head {
    height: 20px;
    width: 100%;
    padding-top: 3px;
    padding-left: 5px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    border: 1px solid #e6e7e8;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    font-weight: Bold;
    opacity: 0.75;
}
.toprightbox .gray{
    color: #000000;
    text-shadow: 2px 2px 0 #C5C6C7;
    background: #c5c6c7; /* for non-css3 browsers c5c6c7 e8e8e8*/
    background-image: linear-gradient(bottom, #C5C6C7 20%, #B8B4B8 73%, #E8E8E8 41%);
    background-image: -o-linear-gradient(bottom, #C5C6C7 20%, #B8B4B8 73%, #E8E8E8 41%);
    background-image: -moz-linear-gradient(bottom, #C5C6C7 20%, #B8B4B8 73%, #E8E8E8 41%);
    background-image: -webkit-linear-gradient(bottom, #C5C6C7 20%, #B8B4B8 73%, #E8E8E8 41%);
    background-image: -ms-linear-gradient(bottom, #C5C6C7 20%, #B8B4B8 73%, #E8E8E8 41%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.2, #C5C6C7),
        color-stop(0.73, #B8B4B8),
        color-stop(0.41, #E8E8E8)
    );
}

.toprightbox .green{
    color: #fff;
    /* text-shadow: 2px 2px 0 #68ab00;  */
    background: #68ab00; /* for non-css3 browsers 68ab00 93f200*/
    /* background-image: -webkit-gradient(linear, left top, left bottom, from(#68ab00), to(#93f200)); */ /* for webkit browsers */
    /*backgr ound-image: -moz-linear-gradient(top,  #68ab00,  #93f200); */ /* for firefox 3.6+ */
    /* filer : progid:DXImageTransform.Microsoft.gradient(startColorstr='#68ab00', endColorstr='#93f200'); */ /* for IE */
}
.toprightbox .red{
    color: #fff;
    /*text-s hadow: 2px 2px 0 #000000; */
    background: #ab090e; /* for non-css3 browsers ab090e c9090e*/
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ab090e), to(#c9090e)); /* for webkit browsers */
    background-image: -moz-linear-gradient(top,  #ab090e,  #c9090e); /* for firefox 3.6+ */
    /*filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#ab090e', endColorstr='#c9090e'); */ /* for IE */
}

.toprightbox .content{
    height: auto;
    width: 450px wi400px;
    padding: 5px;
    margin: 0 0 0 0;
    border: 0px solid #e6e7e8;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    background-color: #e8e8e8;
    color: #000000;
    opacity: 0.75;
}

.toprightbox dl {
    padding-left: 10px;
    color: #000000;
}
.toprightbox dt {
    font-weight: bold;
    font-size: 1.2em;
    color: #000000;
}
.toprightbox .info-button {
    cursor: pointer;
    width: 148px;
    height: 33px;
    margin: 17px 0 0 20px;
    line-height: 42px;
    color: #fff;
    font-weight: Bold;
    background: #68ab00; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#68ab00', endColorstr='#93f200'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#68ab00), to(#93f200)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #68ab00,  #93f200); /* for firefox 3.6+ */
    border: 0;
}
/* =Footer */

#footer {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    height: 16px;
    width: auto;
    background: #e6e7e8;
    padding: 8px 8px 8px 51px;
    font-weight: bold;
    font-size: 0.85em;
    text-align: center;
    color: #000000;
}
#footer a { text-decoration: none; color: #000000;}
#footer a:hover { text-decoration: none; }
/* =Navigation */
#nav_bar {
	background: #e6e7e8;
	float: left;
	width: 250px;
	margin: 0px 0px 0px -248px;
	position: relative;
}
#nav_bar ul {
	display: block;
	margin: 0px;
	padding: 0px 0px 1px;
}
#nav_bar li {
	margin: 0px;
	list-style-type: none;
	display: block;
	border-top: solid 1px #888888;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #cfcfcf;
}
#nav_bar li a {
	display: block;
	margin: 0px;
	width: 175px;
}

#nav_bar li.major {
	border-top: 0px solid #888888;
	color: #000000;
}
#nav_bar li.major a {
	padding: 0px 0px 0px 50px;
	background: #e6e7e8;
	color: #000000;
	background-color: #e6e7e8;
	font-weight: bold;
	border-left: 6px solid #f3f3f3;
	text-decoration: none;
}
/* */
#nav_bar li.major a:hover {
	border-left: 6px #68ab00 solid;
	text-decoration: none;
        background: #cfcfcf;
	color: #000000;
}
/* */
#nav_bar li.major a.current {
	border-color: #68ab00;
	background: #f3f3f3;
	color: #000000;
	background-position: right top !important;
}

#nav_bar li.minor {
        width: 165px;
	border: solid 0px;
	margin-top: 2px;
	margin-bottom: 0px;
	margin-left: 40px;
	border-top: 1px solid #cfcfcf;
	background: #353535 /* url(/local/easyip/images/default/minor_bg.gif) repeat-y 6px */ ;
	padding-top: 0px;
}
#nav_bar li.minor a, #nav_bar li.minor a:hover {
        padding: 1px 0px 3px 10px;
	height: 18px;
	color: #000000;
	font-weight: normal;
	background: #f3f3f3;
}
#nav_bar li.minor a {
	border-left: 6px solid #454545;
	text-decoration: none;
	background: #e6e7e8 /* url(/local/easyip/images/default/minor_bg.gif) repeat-y */ ;
}
#nav_bar li.minor a:hover {
	color: #000000;
	border-left: 6px solid #68ab00;
	text-decoration: none;
	background: #f3f3f3;
}
#nav_bar li.minor a.current { 
	color: #000000;
	border-color: #68ab00;
}

/* +Icons */

#nav_bar #home {
    border-radius: 10px 10px; -moz-border-radius: 10px 10px;
        background-position: right top;
        color: #000000;
        text-decoration: none;
        background: url(/local/easyip/images/icon_home.png) no-repeat;
}
.major #home:hover, #nav_bar .current #home {
    border-radius: 10px 10px; -moz-border-radius: 10px 10px;
	background-position: right top;
    border-left: 6px solid #68ab00;
    border-right: 1px solid #c9c9c9;
	color: #000000;
    text-decoration: none;
	background: #f3f3f3 url(/local/easyip/images/icon_home.png) no-repeat;
}

#nav_bar .major #panel {
    border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
    background-position: left -40px;
    background: url(/local/easyip/images/icon_panel.png) no-repeat;
}

#nav_bar .major #panel:hover, #nav_bar .current #panel {
    border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
    border-right: 1px solid #c9c9c9;
    background-position: right -40px;
    border-left: 6px solid #68ab00;
    color: #000000;
    background: #f3f3f3 url(/local/easyip/images/icon_panel.png) no-repeat;
}

#nav_bar .major #actions {
    border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
    background-position: left -80px;
    background: url(/local/easyip/images/icon_actions.png) no-repeat;
}

#nav_bar .major #actions:hover, #nav_bar .current #actions {
    border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
    border-right: 1px solid #c9c9c9;
    background-position: right -80px;
    border-left: 6px solid #68ab00;
    color: #000000;
    background: #f3f3f3 url(/local/easyip/images/icon_actions.png) no-repeat;
}

#nav_bar .major #messages {
    border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
    background-position: left -120px;
    background: url(/local/easyip/images/icon_messages.png) no-repeat;
}

#nav_bar .major #messages:hover, #nav_bar .current #messages {
    border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
    border-right: 1px solid #c9c9c9;
    background-position: right -120px;
    border-left: 6px solid #68ab00;
    color: #000000;
    background: #f3f3f3 url(/local/easyip/images/icon_messages.png) no-repeat;
}

#nav_bar .major #features {
    border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
    background-position: left -160px;
    background: url(/local/easyip/images/icon_features.png) no-repeat;
}

#nav_bar .major #features:hover, #nav_bar .current #features {
    border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
    border-right: 1px solid #c9c9c9;
    background-position: right -160px;
    border-left: 6px solid #68ab00;
    color: #000000;
    background: #f3f3f3 url(/local/easyip/images/icon_features.png) no-repeat;
}

#nav_bar .major #settings {
    border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
    background-position: left -200px;
    background: url(/local/easyip/images/icon_settings.png) no-repeat;
}

#nav_bar .major #settings:hover, #nav_bar .current #settings {
    border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
    border-right: 1px solid #c9c9c9;
    background-position: right -200px;
    border-left: 6px solid #68ab00;
    color: #000000;
    background: #f3f3f3 url(/local/easyip/images/icon_settings.png) no-repeat;
}

#nav_bar .major #commerce {
    border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
    background-position: left -240px;
    background: url(/local/easyip/images/icon_commerce.png) no-repeat;
}

#nav_bar .major #commerce:hover, #nav_bar .current #commerce {
    border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
    border-right: 1px solid #c9c9c9;
    background-position: right -240px;
    border-left: 6px solid #68ab00;
    color: #000000;
    background: #f3f3f3 url(/local/easyip/images/icon_commerce.png) no-repeat;
}

#nav_bar .major #system {
    border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
    background-position: left -280px;
    background: url(/local/easyip/images/icon_settings.png) no-repeat;
}

#nav_bar .major #system:hover, #nav_bar .current #system {
    border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
    border-right: 1px solid #c9c9c9;
    background-position: right -280px;
    border-left: 6px solid #68ab00;
    color: #000000;
    background: #f3f3f3 url(/local/easyip/images/icon_settings.png) no-repeat;
}

#nav_bar .major #reports {
    border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
    background-position: left -320px;
    background: url(/local/easyip/images/icon_reports.png) no-repeat;
}

#nav_bar .major #reports:hover, #nav_bar .current #reports {
    border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
    border-right: 1px solid #c9c9c9;
    background-position: right -320px;
    border-left: 6px solid #68ab00;
    color: #000000;
    background: #f3f3f3 url(/local/easyip/images/icon_reports.png) no-repeat;
}

/*
#nb_home, #nb_home:hover				{ background: url(/local/easyip/images/icon_home.png) no-repeat; }
#nb_actions, #nb_actions:hover			{ background: url(/local/easyip/images/icon_actions.png) no-repeat; }
#nb_messages, #nb_messages:hover		{ background: url(/local/easyip/images/icon_messages.png) no-repeat; }
#nb_callshop, #nb_callshop:hover		{ background: url(/local/easyip/images/icon_callshop.png) no-repeat; }
#nb_features, #nb_features:hover		{ background: url(/local/easyip/images/icon_features.png) no-repeat; }
#nb_settings, #nb_settings:hover		{ background: url(/local/easyip/images/icon_settings.png) no-repeat; }
#nb_commerce, #nb_commerce:hover		{ background: url(/local/easyip/images/icon_commerce.png) no-repeat; }
#nb_system, #nb_system:hover			{ background: url(/local/easyip/images/icon_system.gif) no-repeat; }
#nb_reports, #nb_reports:hover			{ background: url(/local/easyip/images/icon_reports.png) no-repeat; }
*/

/* Intro page */
.intro {
	background: url(/local/easyip/images/default/home.jpg) no-repeat right top;
	min-height: 275px;
	padding: 8px 8px 0px 0px;
	margin: 5px 5px 0px 0px;
}

.req { color: #773322 !important; }
.req:before {
	content: "*";
}

#tiger {
	clear: both;
	padding: 8px;
	margin: -1px 0px 0px;
	font-weight: bold;
	font-size: 0.85em;
	text-align: center;
	width: auto;
	position: absolute;
	right: 40px;
	top: -8px;
	z-index: 50;
}

div.panel.call {
	border: 2px solid;
	border-radius: 10px 10px;
	-moz-border-radius: 10px 10px;
	color: #FFFFFF;
	font-weight: bold;
	margin: 3px 10px;
	padding: 2px 2px 2px 30px;
	position: relative;
}
div.panel.call.normal {
	background: #4444CC url(/panel/images/default/call_normal.gif) no-repeat left;
	border-color: #6666FF #2222AA #2222AA #6666FF;
}
div.panel.call.park {
	background: #CC3333 url(/panel/images/default/call_park.gif) no-repeat left;
	border-color: #FF5555 #AA1111 #AA1111 #FF5555;
	text-decoration: blink;
}
div.panel.phone {
	border: 2px solid;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    color: #FFFFFF;
	font-weight: bold;
	margin: 3px 10px;
	padding: 2px 2px 2px 26px;
	position: relative;
}
div.panel.phone.active {
	background: #4444CC url(/panel/images/default/phone_active.gif) no-repeat left;
	border-color: #6666FF #2222AA #2222AA #6666FF;
}
div.panel.phone.dnd {
	background: #CC9933 url(/panel/images/default/phone_dnd.gif) no-repeat left;
	border-color: #FFAA55 #AA7711 #AA7711 #FFAA55;
}
div.panel.phone.idle {
	background: #448844 url(/panel/images/default/phone_idle.gif) no-repeat left;
	border-color: #66AA66 #226622 #226622 #66AA66;
}
th.panel { color: #000000; }

/* =Content overrides*/

h2 {
    color: #000000;
}
h3 {
    color: #000000;
}

.notification { border-color: #000000; }
div.error { border-color: #000000; }

.complex table {
    background: #F4F4F6;
}
.complex table table {
    margin: 5px auto;
    background-image: none;
    border: 0px solid #3F7C5F;
}
.complex table table td {
    background-color: #FFFEFC;
}
.complex th {
    padding: 10px;
    min-height: 15px;
    border-bottom: 1px solid #e6e7e8;
    background: #e6e7e8 url(/images/default/universal_link.gif) repeat-x top;
    white-space: nowrap;
    color: #fff;
}
.complex .section_title div {
    background: #EFECD0;
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #779977;
    border-right-width: 1px;
    border-right-style: dotted;
    border-right-color: #779977;
    border-left-width: 1px;
    border-left-style: dotted;
    border-left-color: #779977;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #779977;
}
/* +Results forms (list) */
.results {
    margin: 5px auto 10px;
    padding: 1px 1px 0px;
    min-width: 200px;
    border-top: 1px solid #c5c6c7;
    border-bottom: 1px solid #c5c6c7;
    width: 99%;
}
.results td { border-bottom: 1px solid #FFFFFF; }
.results .row1 td { background-color: #e6e7e8; }
.results .row2 td { background-color: #FFFFFF; }
.results .head th {
    padding: 10px;
    min-height: 15px;
    border-bottom: 1px solid #c5c6c7;
    background: #e6e7e8;
    white-space: nowrap;
    color: #000000;
}
.results .head tbody {
    padding: 10px;
    min-height: 15px;
    border-bottom: 1px solid #e6e7e8;
    background: #e6e7e8;
    white-space: nowrap;
    color: #000000;
}
.results tr.head {
    background: #e6e7e8;
}
.results .head th .note {
    font-weight: normal !important;
    font-size: 0.92em;
}
.results .foot td {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #c5c6c7;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #e6e7e8;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #e6e7e8;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #e6e7e8;
    background: #e6e7e8;
}
.results .box {
    border-right: 1px solid #FFFFFF;
    padding: 6px 10px;
    white-space: nowrap;
    width: 0px;
    text-align: center;
    vertical-align:  text-top;
}
.results .key_field {
    padding: 6px 5px;
    vertical-align: text-top;
    white-space: nowrap;
}
.results .status {
    text-transform: capitalize;
}
.results div.details {
    color: #666666;
    margin: 5px 10px;
    border-left: 1px solid #CCCCCC;
    padding: 1px 8px;
    font-weight: normal;
}
.results td.details {
    color: #666666;
    margin: 5px 10px;
    padding: 6px 9px;
    font-weight: normal;
}
.results .links {
    text-align: right;
    vertical-align: text-top;
    white-space: nowrap;
    padding: 0px 6px;
}
.results .key_field a {
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}
.results .key_field a:hover {
    color: #092450;
    text-decoration: underline;
}
.results .details a {
    font-weight: normal;
    color: #113311;
    text-decoration: none;
}
.results .details a:hover {
    color: #447744;
    text-decoration: underline;
}
.results .dual { text-align: left; }
.results .secondary {
    float: right;
    margin-left: 5px;
}

/* +General form styles */

table .destination_active {
    color: #000000 !important;
    font-weight: bold;
}
table .label {
    color: #223322;
}
table .for_box { text-align: left !important; }
table .message {
    color: #223322;
}

table .gap { border-bottom: 1px solid #3F7C5F; }
table .hr div { /* MSIE doesn't like styled <hr /> tags */
    height: 10px;
    border-bottom: 1px dashed #000000;
    margin: 4px 30px 1px;
    font-size: 1px;
    overflow: hidden;
}
table h3 {
    padding: 0px 0px 0px 20px;
    color: #000000;
}
/* +Elements */
form {
    font-family: Arial;

}
form input.text, form input.text:focus, form input.disabled, form textarea, form textarea:focus {
    margin: 0px;
    padding: 1px;
    width: 80%;
}
form input.text, form textarea {
    border: 1px solid;
    background-color: #FFFFFF;
    border-color: #888B88 #D0D3D0 #D0D3D0 #888B88;
}
form input.text:hover, form textarea:hover {
    border-color: #444744 #A0A3A0 #A0A3A0 #444744;
}
form input.text:focus, form textarea:focus {
    background-color: #FFFFF7;
    border-color: #444744 #A0A3A0 #A0A3A0 #444744;
}
form input.disabled {
    border: 1px solid;
    border-color: #888B88 #D0D3D0 #D0D3D0 #888B88;
}
form input.partial, form input.partial:focus { width: auto; }
form .extend { text-align: left !important; }
form .extend select { width: 80% !important; }
form .narrow select { min-width: 100px !important; }
form .dual_narrow select { min-width: 206px !important; }
form .extend input, form .extend input:focus { width: 100% !important; }


/* Firefox/MSIE Hacks */
.extend select {
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 80%;
}