/*
Base css stylesheet for the whole site.
*/

* { font-family: Verdana,Helvetica,sans-serif; }
body { font-size: 13px; }

h1 { margin: 5px 2px 20px 0; padding: 0; }

a { text-decoration: none; color: #00005C; }
a:hover { color: #999; }
a:hover { color: #333; }

input, select, button, textarea { border: 1px solid #999; font-size: 12px; }
input:focus, select:focus, button:focus, textarea:focus { background: #FFFF99; }

input[type="submit"], input[type="button"], button { margin: 0 2px; padding: 2px 10px; }

#head_site { background-color: #00005C; padding: 0; }

#user-tools { color: #FFFFFF; display: inline; margin: 12px 0pt 0pt; padding: 3px 10pt; text-align: right; vertical-align: top; width: auto; float: right; }
#user-tools a { color: #BBB; }
#user-tools a:hover { color: #F9F9F9; }

#branding { clear: both; height: 60px; }
#branding h1 { display: inline-block; margin: 0pt; padding: 0pt; width: auto; float: left; }
#branding h1 a { color: #00005C; text-decoration: none; }
#branding h1 a img { border: none; }

#sidebar { float: left; width: auto; padding: 0px; clear: both; }
#sidebar ul {  padding: 0; }
div#sidebar ul.menubar { background-color: #FFF; margin: 5px 0 0 0; padding: 0; width: 100%; }
div#sidebar ul.menubar li { list-style-type: none; background-color: #00005C; color: white; margin: 0 0 1px 0; width: auto; }
div#sidebar ul.menubar li a { padding: 5px; background-color: #00005C; color: white; width: 250px; display: block; }
div#sidebar ul.menubar ul.submenu { background-color: #FFF; text-align: left; padding: 0; margin: 0; width: 100% }
div#sidebar ul.menubar ul.submenu li { margin: 0 0 1px 0; padding: 0; text-align: left; }
*div#sidebar ul.menubar ul.submenu li  { border-top: #FFF 1px solid; margin: 0; padding: 0; width: 100%; }
div#sidebar ul.menubar ul.submenu li a { padding: 5px 0 5px 10px; background-color: #AFCBEA; color: #000; width: 250px; display: block; }
div#sidebar ul.menubar li a:hover, div#sidebar ul.menubar ul.submenu li a:hover { background-color: #7db33c; color: #FFF; }

#title h2 { margin: 10px 0pt 0pt; float: left; font-size: 140%; padding: 0; }

#main_container { float:left; margin:0 0 0 10px; width: 77%; }

div.tool_buttons { float: right; width: auto; padding: 10px 4px 4px; }

#main_title { clear: right; margin: 0; padding: 0; }
#main_title h3 { margin: 5px 2px; color: #00005C; padding: 0; }
#main_title_Sub h3 { margin: 5px 2px; color:#4ED43A; padding: 0; }

#footer_site {
    margin: 5px; padding: 10px; clear: both; font-size: 0.8em;
    color: rgb(102, 102, 102);
}

a#logout { background: transparent url(../icons/system-log-out.png) no-repeat scroll right center; padding-right: 18px; }
span#cyclelogic { background: transparent url(../icons/cyclelogic.png) no-repeat scroll right center; padding-right: 18px; color: red; }
span#mgnctech { background: transparent url(../icons/mgnc.png) no-repeat scroll right center; padding-right: 18px; color: #009 }
span#mgnctec {padding-right: 18px; color: #009 }

/* error message */
ul#messagelist { list-style-type: none; background: #FC9D4A;
                 color: #FFF; padding: 5px; font-weight: bold; }

/* multiple select widget style */
div.multiple-select select { float: left; width: 40% !important; }
div.multiple-select ul.buttons { float: left; margin: 2px; padding: 0;
                                 list-style-type: none; }
div.multiple-select ul.buttons li { padding: 2px 3px; }
div.multiple-select ul.buttons li a { width: 70px; color: #FFF; font-size: 0.9em;
                                      background: #036; display: block; padding: 5px; text-align: center; }
div.multiple-select ul.buttons li a:hover { background: #00005C; }
div.multiple-select h4 { margin: 5px 0; }
div.multiple-select div.main-widget { margin-top: 5px; }
div.multiple-select input.add-button { padding-left: 18px;
                                       background: transparent url(../icons/list-add.png) no-repeat scroll 2px center; }

div.navigator_select { display: inline-block; }
div.navigator_select select { width: 300px; }
form ul li label { vertical-align: top; }

/* autocompleter widget styles */
div.autocomplete ul { margin: 0; padding: 0; list-style-type: none; border: #666 1px solid; background: #FFF; }
div.autocomplete ul li { padding: 3px 5px; border-bottom: #666 1px dotted; color: #333; }
div.autocomplete ul li.selected { background-color: #002E5C; color: #FFF; }
input.loading { background: #EEE; color: #C00; border: 1px solid #C00; }

/* Carrier */
.carrier_digitel{font-size:14px;font-weight:700;color:#FC0202}
.carrier_movilnet{font-size:14px;font-weight:700;color:#FFA305}
.carrier_movistar{font-size:14px;font-weight:700;color:#1B609B}